Получить данные API для каждой строки в ng-repeat

Question

Получить данные API для каждой строки в ng-repeat

0

У меня есть следующие данные:

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

Это также может быть список объектов.

Когда я публикую эти данные, я также хочу получить соответствующие данные для каждого идентификатора. Например, я хочу отобразить имя Taxrule. Поэтому я хочу сделать вызов API и получить Taxrule с идентификатором 1, который будет выглядеть так:

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

Если мой HTML выглядит так:

<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 для заполнения данных в цикле?

Marcus Lind 22 март 2016, в 10:18

Источник

0

Я думаю, что pricings должны быть массивом ..
Pankaj Parkar 22 март 2016, в 09:23
0

Как насчет директивы, которая будет отображать ваши данные о налоговых правилах при передаче идентификатора налогового правила? Затем вы просто внедряете его в свой ng-repeat, он имеет дело с получением данных и их рендерингом. Если нет, то вам лучше построить свою модель в контроллере и выполнять там вызовы API. Если последний $q.all может помочь.
ste2425 22 март 2016, в 09:24

Теги:

angularjs

1 ответ

Ещё вопросы

Я думаю, что pricings должны быть массивом ..
Как насчет директивы, которая будет отображать ваши данные о налоговых правилах при передаче идентификатора налогового правила? Затем вы просто внедряете его в свой ng-repeat, он имеет дело с получением данных и их рендерингом. Если нет, то вам лучше построить свою модель в контроллере и выполнять там вызовы API. Если последний $q.all может помочь.

KieranDotCo · Answer 1 · 2016-03-22T07-50-00.000Z

Это должно быть действительно обработано API, возвращающим данные о ценах, но я знаю, что мы не всегда имеем контроль над тем, что мы возвращаем.

Если налоговых органов не так много, я бы предложил получить ценовые и налоговые ставки из API за два звонка. Затем в вашем HTML-фильтре ваши налоговые органы в ng-repeat

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