私は次のようなデータを持っているNG-繰り返し

Question

の行ごとにAPIデータを取得します。

{ 
    "id": 1, 
    "price": 229.2, 
    "product": 263, 
    "plan": null, 
    "currency": 2, 
    "taxrule": 1 # ID of the Taxrule 
} 

これは、オブジェクトのリストを指定できます。

このデータを公開する際には、IDごとに関連するデータも取得する必要があります。たとえば、タクシールの名前を表示したいとします。

{ 
    "id": 1, # ID of the Taxrule 
    "name": "25% Standard", 
    "percentage": 25.0 
} 

私のHTMLは次のようになります場合は：だから私は次のようになり、そのAPIの呼び出しを行うとid 1でTaxruleを取得したい

<tr class="clickable-row" ng-repeat="pricing in pricings"> 
    <td> 
     <span>{{pricing.price}}</span> 
    </td> 
    <td> 
     <span>{{pricing.taxrule.name}}</span> 
    </td> 
</tr> 

どのように私は{{pricing.taxrule.name}}を表示していますか？ループ内でデータを取り込むためのAPIコールを作成するにはどうすればよいですか？

Answer 1

これは実際には価格設定データを返すAPIで処理する必要がありますが、私たちが返すものを常に管理するわけではありません。

税金があまりない場合は、2つの呼び出しでAPIから価格と課税額を取得することをおすすめします。次に、あなたのHTMLに、私は `pricings`が配列されるべきだと思う

<tr class="clickable-row" ng-repeat="pricing in pricings"> 
<td> 
    <span>{{pricing.price}}</span> 
</td> 
<td> 
    <span ng-repeat="taxrule in taxrules | filter:{id:pricing.taxrule}"> 
     {{taxrule.name}} 
    </span> 
</td>