javascript - 破解 AngularJS 表单元素以更改值

Question

我是 Angular JS 新手，找不到此问题的解决方案。我必须使用用 Angular 1.4 编写的在线 Web 表单(我无法控制)，并且我想注入(inject)一些 JavaScript 来更改字段中的值。但是，当我尝试使用 JavaScript 更改值时，它们在屏幕上显示正确，但保存的是旧值。我找不到任何需要修改的隐藏字段。

例如，表单上有一个 ID 为“end_date”的日期字段。请参阅下面的代码。当我进入控制台并输入

document.getElementById("end_date").value = "2018-11-20 00:00:00"

屏幕上的值是我输入的值，但它没有保存。知道我需要做什么吗？

<input type="text" ng-model="rawValue" id="end\_date" name="end\_date" 
       class="form-control ng-pristine ng-valid ng-isolate-scope ng-valid-date ng-valid-required ng-touched"
       uib-datepicker-popup="yyyy-MM-dd HH:mm:ss" is-open="isOpen"
       ng-required="v.required" close-text="Close" clear-text="Clear"
       current-text="Current" pom-field-change-name="propertyChange">

Answer 1

首先，对输入进行更改，然后执行以下操作:

var input = document.getElementById("end_date")
angular.element(input).triggerHandler('change');

这应该会触发 AngularJS 来检测更改。