Question

我想以编程方式将值设置为angular中的字段，如下所示：

<input id="testId" ng-model-options="{updateOn: 'blur'}"
       class="form-control ng-scope ng-valid-maxlength ng-valid-gcms-text
              ng-touched ng-dirty ng-valid-parse ng-invalid ng-invalid-required" 
              name="testName" type="text" ng-model="testName"
              maxlength="100" required="" aria-required="true"
              aria-invalid="true"
              aria-describedby="question-error-description-testId">

目前，我已尝试以javascript方式设置值，然后将其绑定：

document.getElementById("testid").value = "some value"
$("#testId").trigger("input");

这不起作用，因为值不会更新回角度模型。

Answer 1

<div ng-app="myApp" ng-controller="myCtrl">

<input id="testId" ng-value="myVar" ng-model-options="{updateOn: 'blur'}"
       class="form-control ng-scope ng-valid-maxlength ng-valid-gcms-text
              ng-touched ng-dirty ng-valid-parse ng-invalid ng-invalid-required" 
              name="testName" type="text" ng-model="testName"
              maxlength="100" required="" aria-required="true"
              aria-invalid="true"
              aria-describedby="question-error-description-testId"> 

</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myVar = "some value";
});
</script>

无法使用jQuery将值设置为角度表单字段

1 个答案: