Javascript 当通过JS而非手动更新时，Angularjs输入不会改变

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

在此处键入并查看绑定如何更改：



更改和绑定{{name}


单击并查看绑定是如何保持不变的

---

这是因为，当您单击按钮时，您试图更改文本框值而不是文本框型号（

名称

）值，如果您更改型号

名称

值，您将能够看到更新