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

时间:2015-03-08 07:37:49

标签: javascript jquery angularjs binding

我有一个简单的表格,当我输入输入时,我看到了变化 但是当我通过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/

1 个答案:

答案 0 :(得分:0)

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

Here is a forked Demo