ngRepeat $scope 与嵌套的 ngClick 混淆

Question

所以我有四个进度条，可以通过右上角的关闭按钮单击打开和关闭....问题是 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>

Answer 1

我假设你想要单独 open/close 条形图。

如果是这种情况，则说明您的代码无法正常工作，因为您将所有进度条状态绑定到同一个 $scope 变量。

考虑到这一点，我稍微调整了您的代码以使其工作，并且还使用了更具可读性的逻辑（恕我直言）。

请看一看告诉我：

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