下拉菜单 – AngularJS Bootstrap下拉菜单：无法在ng重复中进行n

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

导读：我试图用Bootstrap Dropdown和AngularJS创建一个选择器. http://jsfiddle.net/qbjfQ/ li ng-repeat="item in list"a ng-click="current = item"Dynamic set {{item}}/a/li 当我在列表中静态使用ng-click时,它工作正常(示例4和5) 但是当我使用ng-click ng-rep

我试图用Bootstrap Dropdown和AngularJS创建一个选择器.

http://jsfiddle.net/qbjfQ/

<li ng-repeat="item in list"><a ng-click="current = item">Dynamic set {{item}}</a></li>

当我在列表中静态使用ng-click时,它工作正常(示例4和5)
但是当我使用ng-click ng-repeat时,它不会更新值(例1到3)

我能做什么？

在指令中的范围界定是一个已知的问题.您可以阅读文章 The Nuances of Scope Prototypal Inheritance了解更多关于角度js中的范围.

您需要将ng-repeat更改为

<li ng-repeat="item in list">
  <a ng-click="$parent.current = item">
    Dynamic set {{item}}
  </a>
</li>

演示：Fiddle

有关问题的解释,您可以阅读my answer至this question

（编辑：李大同）

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