angularjs – ng开关不绑定ng模型

我有这个重现 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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...