AngularJS 부모의 색인을 얻는 방법

Question

변경할 webapp가 있습니다. 내가 NG 반복 일부 변경 한 새로운 JSON은 다음과 같습니다 :이 같은

[ 
    { 
     "styl":"nowoczesny", 
     "dzieci":[ 
     { 
      "id":53, 
      "bookmark":true, 
      "rodzina":"Nekko", 
      "page":1 
     }, 
     { 
      "id":69, 
      "bookmark":true, 
      "rodzina":"Krak", 
      "page":2 
     }, 
     { 
      "id":81, 
      "bookmark":true, 
      "rodzina":"Oxen", 
      "page":3 
     }, 
     { 
      "id":93, 
      "bookmark":true, 
      "rodzina":"Spirala", 
      "page":4 
     } 
     ] 
    }, 
    { 
     "styl":"klasyczny", 
     "dzieci":[ 
     { 
      "id":109, 
      "bookmark":true, 
      "rodzina":"Vello", 
      "page":5 
     }, 
     { 
      "id":127, 
      "bookmark":true, 
      "rodzina":"Renzo", 
      "page":6 
     }, 
     { 
      "id":135, 
      "bookmark":true, 
      "rodzina":"Zenit", 
      "page":7 
     } 
     ] 
    } 
] 

HTML :

<ul> 

    <li ng-repeat="l in list"> 
     {{l.styl}}&nbsp; 
    <ul> 
     <li ng-repeat="dziecko in l.dzieci | filter:search " 
      ng-class="{active:isActiveTab(dziecko)}" ng-click="openItem(dziecko)"> 
           {{dziecko.rodzina}}&nbsp; 
           <b>{{dziecko.page}}</b> 
     </li> 
    </ul> 
    </li> 

모든 것이 openItem 방법에도 불구하고 잘 작동, 그 첫 번째 버전은 다음과 같습니다 :

$scope.openItem = function(item) { 

     var index = $scope.list.indexOf(item), 
       length = $scope.list.length; 

     $scope.opened = item; 
     $scope.next = $scope.list[index+1]; 
     $scope.prev = $scope.list[index-1]; 
    }; 

위의 html 코드와 호환되도록 수정하려면 어떻게해야합니까? 나는 $ index를 시도하지만 각도는 에러를 던집니다. (목록에서 하위 li 항목을 클릭하면 새 pdf 페이지를 열어야합니다.)

미리 Thx!

Answer 1

$index은 필요한 항목의 색인이어야하지만, $ scope에서 가져 오려면 상위 노드의 색인도 필요합니다. $ parent로 사용할 수 있습니다. 중첩 된 ng-repeat의 $ index (세부 사항 here). 올바르게 국경 인덱스 작동합니다 옆에 HTML

<li ng-repeat="l in list"> 
     {{l.styl}}&nbsp; 
    <ul> 
     <li ng-repeat="dziecko in l.dzieci | filter:search " 
      ng-class="{active:isActiveTab(dziecko)}" ng-click="openItem($parent.$index, dziecko)"> 
           {{dziecko.rodzina}}&nbsp; 
           <b>{{dziecko.page}}</b> 
     </li> 
    </ul> 
</li> 

JS

$scope.openItem = function(parentIndex, item) { 

    var index = $scope.list[parentIndex].dzieci.indexOf(item), 
     length = $scope.list.length; 

    $scope.opened = item; 
    if(index == 0) { 
     $scope.next = $scope.list[index+1]; 
    $scope.prev = $scope.list[$scope.list.length - 1]; 
    } else if(index == $scope.list.length - 1) { 
    $scope.next = $scope.list[0]; 
    $scope.prev = $scope.list[index-1]; 
    } else { 
    $scope.next = $scope.list[index+1]; 
    $scope.prev = $scope.list[index-1]; 
    } 
}; 

이전을 유지하고 :

그래서 코드는 다음과 같이 될 것입니다.

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