2016-08-02 12 views
0

apiからデータを表示する際に問題があります。 API from Guild Wars for character data内部ループでネストされたng-repeatが失敗する

私はangularJSリクエストを作成し、一連のネストされたngリピートを使用してデータを表示しましたが、最も内側のループ、インベントリデータは適切に存在しません。それの一部だけが反復されています。

これは私のコードです:それはあるので、

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

ないすべてのインベントリの配列は以下のとおりです。

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

<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を含めるように忘れました反復され、その結果は毎回変化する

このデータを反復する正しい方法は何でしょうか?

+0

Iを'ng-ifを要素として使用したことはありませんでしたが、ng-ifと{{inv}'の間に '='が必要ですか? – Rob

+1

ここで何をしようとしているのか分かりません: ' developer033

+0

ヌル値が実行を破っていると思ったのでng-ifを追加しましたが、それでも差はありませんでした=今は追加しましたが、それはありませんでした何かを変更してください。 apachai

答えて

0

私はそれが重複した項目の問題:( 私は、重複IDの問題をバイパスしますngのリピート内の$インデックスオプションにより、トラックを、使用して、それを「解決」し、問題を見つけた。

関連する問題