Невозможно установить значение в поле угловой формы с помощью jQuery

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>