前端之家收集整理的这篇文章主要介绍了
javascript – 如何递归阻止AngularJS绑定?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个选择:
其中p.value是[‘AAAAA’,’BBBBB’,’CCCCC’],但当我选择一个选项时,选择更新并显示一组新的选项,如:
通过在模型和选项中使用相同的值,我显然错误地构造了错误.做事的正确方法是什么?
最佳答案
您需要分离项目数组和模型
function MyCtrl($scope) {
$scope.p = {
value: ['AAAAA','BBBBB','CCCCC'],selected : null
};
}
您的示例中发生的事情是,一旦您选择AAAAA p.value现在引用字符列表,并且由于ng-options绑定到相同的$scope属性,下拉列表会更新并生成您看到的结果.
Example on jsfiddle