ng-click으로 여러 개의 숨겨진 div를 표시합니다.

Question

API에서 콘텐츠를로드하는 컨트롤러에서 ng-repeat로 생성되는 div가 여러 개 있습니다.

컨트롤러 :

app.controller('exampleController', [ '$http','$scope', function($http, $scope) { 
    var tmp=this; 
    tmp.data=[]; 
    $scope.collapsed=false; 
    $http.get(url)... 
}]); 

HTML : 예와

//ng-repeat limited to 1 for this example 
<div class="someClass" ng-repeat="data in myCtrl.data | limitTo: 1"> 
    <div ng-model="collapsed" ng-click="collapsed=!collapsed"> some div content </div> 
    <div class="hidden" ng-show="collapsed"> some hidden div </div> 
</div> 

내가 클릭에 대한 하나의 사업부를 숨길/표시 할 수 있습니다 위,하지만 어떻게/여러 div의 표시 숨기기까요? 나는 this jsfiddle example

Answer 1

같은 그것은 그것을했다,

<div class="someClass" ng-repeat="data in myCtrl.data | limitTo: 1"> 
    <div ng-model="collapsed[$index]" ng-click="collapsed[$index]=!collapsed[$index]"> some div content </div> 
    <div class="hidden" ng-show="collapsed[$index]"> some hidden div </div> 
</div>