如何使用Javascript将数据输入AngularJS表单？

Question

下面给出了这个问题的angularJS表单。我要做的是使用#quantity将JavaScript输入的值从1更改为200，然后单击Buy按钮。但是，在我通过单击Buy按钮提交表单后，#quantity输入的值返回到它的默认值1。

我尝试了以下代码来更改#quantity input元素的值：

var qty = document.getElementById('quantity');
var buy = document.querySelector('button.btn.place');
qty.value = "123";  
qty.select();
buy.click();`

但不起作用。它总是拒绝这个价值。对不起，我对AngluarJS一无所知，学习AngularJS也需要很长时间。

下面是QTY输入元素的代码：

<input type="number" step="1" id="quantity" name="quantity" ng-model="options.quantity" class="input width-100 numeric ng-isolate-scope ng-valid-number ng-valid-checklotsize ng-dirty ng-valid-required ng-valid ng-valid-integer" min="1" checklotsize="1" integer="" esc-key="" esc-key-action="close()" ng-disabled="!uiConstraints.quantity" required="">

还有BUY按钮：

<button type="submit" class="btn place btn-blue" ng-class="options.transaction_type == 'BUY' ? 'btn-blue' : 'btn-orange'" ng-disabled="buysellform.$invalid || order_status === true">
<span class="spinner icon ng-hide" ng-show="order_status === true">
    <span class="icon icon-spinner animate-spin"></span>
</span>
<span class="icon ng-hide" ng-show="order_status !== true &amp;&amp; execution_type == 'MODIFY'">MODIFY</span>
<span class="icon ng-binding" ng-show="order_status !== true &amp;&amp; execution_type == 'PLACE'">BUY</span></button>

Answer 1

请尝尝这个

var model =  angular.element(document.getElementById('quantity')).data('$ngModelController')
model.$setViewValue('123')
document.querySelector('button.btn.place').click();

这是更改javascript中的角模型的肮脏方法。