Angularjs 获取ng repeat中每行的API数据

我有以下数据：

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

这也可以是对象列表

发布此数据时，我还希望获取每个ID的相关数据。例如，我希望显示Taxrule的名称。因此，我想进行API调用并获取id为1的Taxrule，如下所示：

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

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

如果我的HTML如下所示：

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

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

{{pricing.price}}
{{pricing.taxrule.name}

---

如何显示

{{pricing.taxrule.name}

？如何进行API调用以填充循环中的数据？

这应该由返回定价数据的API来处理，但我知道我们并不总是能够控制返回的内容

如果taxrules不多，我建议通过两次调用从API获取定价和taxrules。然后在HTML中以ng重复的形式筛选taxrules

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

{{pricing.price}}
{{taxrule.name}

---

我认为

pricings

应该是一个数组。如果有一个指令在传递税收规则id时显示您的税收规则详细信息，该指令会怎么样？然后将其注入到ng repeat中，它处理获取数据并呈现数据。如果不是这样，你最好在控制器中建立你的模型，并在那里调用API。如果后者

$q.all

可能会有所帮助。