재귀 트리 템플릿 <p></p>이 재귀 적 구조를 보여줍니다 모든 상품에 온 클릭 기능을 가진 템플릿을 만들 수있는 방법인가, 매개 변수

Question

안녕하세요으로 다차원 인덱스 NG를 클릭합니다. 이 onclick 함수는이 요소의 모든 부모 색인을 포함하는 현재 색인을 필요로합니다 (예 : 아래 목록의 BMW의 경우 [0] [2] [1]).

A [0] 
    Tree [0][0] 
    ... 
    House [0][1] 
    ... 
    Car [0][2] 
    Mercedes [0][2][0] 
    BMW [0][2][1] 
    Audi [0][2][2] 
    VW [0][2][3] 
    Chrysler [0][2][4] 
B [1] 
    ... 
C [2] 
    ... 

내 현재의 지침은 다음과 같이하지만 난 내가 NG 클릭 기능을위한 모든 요소의 FULL INDEX를 얻을 캔트 방법을 모른다.

컨트롤러의

app.directive('collection', function() { 
    return { 
     restrict: "E", 
     replace: true, 
     scope: { 
      collection: '=' 
     }, 
     template: ` 
      <ul> 
      <member ng-repeat='member in collection' 
        member='member' index='$parent.index + $index'> 
      </member> 
      </ul>` 
    } 
}); 

app.directive('member', function ($compile) { 
    return { 
     restrict: "E", 
     replace: true, 
     template: "<li ng-click=\"select(member)\">{{member.title}}</li>", 
     link: function (scope, element, attrs) { 
      var collectionSt = '<collection collection="member.sub"></collection>'; 
      if (angular.isArray(scope.member.sub)) { 
       $compile(collectionSt)(scope, function(cloned, scope) { 
        element.append(cloned); 
        }); 
      } 
     } 
    } 
}); 

Answer 1

각 부재에 fullIndex 속성을 추가하고 ng-click 함수의 인수로 해당 속성을 반환 :

template: `<li ng-click="select(member.fullIndex)">{{member.title}}</li>`, 

템플릿을 만들 것 AngularJS 및 표현과 fullIndex 값을 계산하는 데 응용 프로그램을 이해하기 어렵고 디버그하고 유지 관리해야합니다. JavaScript로 계산하는 것이 더 좋습니다.