angularjs – ng开关不绑定ng模型

发布时间：2020-12-17 08:55:37 所属栏目：安全来源：网络整理

导读：我有这个重现 http://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq，显示当我单击’Title3’并在文本框中输入一个值，虽然输入的值显示反映在UI中，当我单击“点击”按钮没有绑定范围属性$ scope.test。我不知道什么是ng-switch错误，或者我做错了。帮助是赞赏！ h

我有这个重现 http://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq，显示当我单击’Title3’并在文本框中输入一个值，虽然输入的值显示反映在UI中，当我单击“点击”按钮没有绑定范围属性$ scope.test。

我不知道什么是ng-switch错误，或者我做错了。帮助是赞赏！

http://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq

这是一个范围继承问题，因为ng-switch创建自己的范围。

一个建议经常是在模型上使用一个点。原因是当控制器作用域项目是一个对象而不是一个基元时，子作用域将创建一个对初始对象的引用。如果模型是原始的，它不会更新原始。

例如：

<input ng-model="test.value" placeholder="pre" type="text" />

$scope.test={value:''}

另一种方法是在html模型标记中使用$ parent：

<input ng-model="$parent.test" placeholder="pre" type="text" />

使用点方法是避免这些问题的好办法，因为您不需要考虑更深层的嵌套作用域。

演示使用test.value作为型号：http://plnkr.co/edit/CkiF55bLXsYzR6ZjcrJp?p=preview

模型中的点的参考(有价值的阅读)：https://github.com/angular/angular.js/wiki/Understanding-Scopes

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!