ng重复$ scope使用嵌套ng搞乱点击

时间:2015-02-03 20:19:15

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

所以我有四个进度条,通过右上角的关闭按钮点击打开和关闭....问题是ngrepeat正在弄乱的东西....我已经尝试添加$ parent给孩子ngClick但它不起作用。我已经查看了所有其他堆栈示例,并且似乎无法弄清楚如何将其应用于此特定情况

http://codepen.io/anon/pen/JorZoE

<div class="progress-bar repeat-animation" ng-click="showClose = false" ng-class="!showClose ? 'grow' : ''" progress-morph style="width: {{item.percent}}%" ng-repeat="item in list">
    <div class="close" ng-hide="showClose" ng-click="onClickClose($event)" ><img src="close42.svg" alt=""></div>
</div>

1 个答案:

答案 0 :(得分:0)

我原以为你想单独打开/关闭吧台。

如果是这种情况,那么您的代码无效,因为您将所有进度条状态绑定到同一个$scope变量。

考虑到这一点,我调整了一些代码以使其工作,并且还使用了更易读的逻辑(imho)。

请看一下,让我知道:

http://codepen.io/anon/pen/WbZygb?editors=101