Angularjs 通过 JS 而不是手动更新时输入没有改变

Question

我有一个简单的表格，当我输入内容时，我看到了变化。
但是当我通过 JS 动态执行时，绑定没有改变：

    <div ng-app>
        type here and see how the binding changes: 
<input type="text" id="test" ng-model="name" />
        <br /><br />
        Changes and binding <span style='color:red'>{{name}}</span><Br /><Br />

       <button onclick="document.getElementById('test').value = 'blaaaa'">Click and see how the binding is not changing</button>
    </div>

http://jsfiddle.net/hge2hnc4/

Answer 1

这是因为，当您单击按钮时，您尝试更改文本框值而不是文本框模型 (name) 值，如果您更改模型 name 值，您将能够查看更新

Here is a forked Demo

Angularjs 通过 JS 而不是手动更新时输入没有改变

Angularjs input is not changing when updating via JS and not manual

javascript

jquery

binding

angularjs