ngRepeat $ 범위가 중첩 된 ngClick으로 복잡하게 함

Question

그래서 네 개의 진행 막대가 오른쪽 상단의 닫기 버튼을 통해 열리고 닫힙니다. 문제는 ngrepeat이 무언가를 망치고 있다는 것입니다. 자식 ngClick에 $ parent를 추가했지만 작동하지 않습니다. 나는이 모든 다른 스택 예제를 검토 한 결과 그냥 당신이/닫기를 열고 싶다고 가정

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

이 특정 상황에 적용하는 방법을 알아낼 수없는 것 막대는 개별적으로.

그런 경우 모든 진행률 막대 상태를 동일한 $scope 변수에 바인딩했기 때문에 코드가 작동하지 않았습니다.

이 점을 염두에두고 필자는 코드를 약간 수정하여 더 읽기 쉬운 논리 (imho)를 사용했습니다.

를 살펴보고 알려 주시기 바랍니다 :

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