내부 루프에서 중첩 된 ng-repeat 실패

Question

API에서 데이터를 표시하는 데 문제가 있습니다.

나는 angularJS 요청을하고 일련의 중첩 된 ng 반복을 사용하여 데이터를 표시하지만 가장 안쪽의 루프 인벤토리 데이터가 제대로 표시되지 않습니다. 일부만 반복됩니다.

<table> 
    <tr ng-repeat="char in $ctrl.chars | orderBy:'-age'"> 
    <td> 
     <table id="charTotal">  
     <ng-include src="'charBasic.html'"></ng-include> 
     <ng-include src="'charBags.html'"></ng-include> 
     </table> 
    </td> 
    </tr> 
</table> 

이 charBasic.html를 포함 잊으 :

이

내 코드입니다

<tr> 
    <td> 
    <table id="charBasic" class="charBasic"> 
     <tr> 
     <td>{{char.name}}</td> 
     <td>{{char.race}}</td> 
     <td>{{char.profession}}</td> 
     <td>{{char.level}}</td> 
     <td>{{char.deaths}}</td> 
     <td> 
     <table> 
      <tr ng-repeat="craft in char.crafting"> 
      <td>{{craft.discipline}}</td> 
      <td>{{craft.rating}}</td> 
      </tr> 
     </table> 
     </td> 
    </tr> 
    </table> 
</td> 
</tr> 

charBags.html : 그대로, 모든 재고 배열이

<tr> 
    <td> 
    <table id="charBags" class="charBags" border="1"> 
     <tr ng-repeat="bag in char.bags"> 
     <td>{{bag.id}}</td> 
     <td>{{bag.size}}</td> 
     <td ng-repeat="inv in bag.inventory"><ng-if "{{inv}}">{{inv.id}}</ng-if></td> 
     </tr> 
    </table>    
    </td> 
</tr> 

반복되고 결과는 매번 바뀝니다.

이 데이터를 반복하는 올바른 방법은 무엇입니까?

Answer 1

나는 그것이 중복 항목 문제 :( 내가 중복 된 ID의 문제를 우회 NG 반복 내부 $ 인덱스 옵션에 의해 트랙을-사용하여 "해결"이고, 문제를 발견했다.