在內部循環中嵌套的ng-repeat失敗

我無法嘗試從api顯示數據。數據進來一個json響應組織像這樣API from Guild Wars for character data 在內部循環中嵌套的ng-repeat失敗

我做了一個angularJS請求，並使用一系列嵌套的ng-repeats來呈現數據，但最內層的循環庫存數據沒有正確顯示。只有一部分被迭代。

這是我的代碼：

<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>

因爲它是，並不是所有的庫存數組迭代，並且結果每次都有所不同

什麼是迭代這些數據的正確方法？

來源

2016-08-02 apachai

我'v從來沒有使用ng-if作爲一個元素，但是你需要ng = if和{{inv}}之間的'='嗎？ – Rob

我不知道你在這裏嘗試着什麼：' {{inv.id}}' – developer033

我已經添加了ng-if是因爲我認爲null值打破了執行，但它沒有區別。嘗試添加= now，但它沒有改變任何東西。無論 – apachai

我發現了這個問題，這是一個重複的項目問題:( 我通過跟蹤吳重複內$指數期權，這將繞過重複的ID的問題「解決」了。

來源

2016-08-05 18:47:10 apachai

在內部循環中嵌套的ng-repeat失敗

回答

相關問題