Question

我正在循环对象数组

这里是html for loop

<div class="col-lg-3 col-md-5 col-sm-10 col-xs-10 box" *ngFor="let partner of foundPartners" >
    <div class="alert">go to webservice for each item in the loop and write alerts here base on the id</div>
</div>

现在在每个循环中我需要获取项目的ID，然后转到webservice api并获取项目的一些数据并将其打印在厄运中。

我曾经使用过asp.net转发器，你有ItemDataBound事件可以获取该项目，然后对其进行一些更新。

在angular2中有类似的东西吗？如何从api中提取数据并将其写入循环？

Answer 1

您可以为它创建自己的管道：

<div class="col-lg-3 col-md-5 col-sm-10 col-xs-10 box" *ngFor="let partner of foundPartners" >
<div class="alert"><div *ngFor="let partnerData of (partner?.id | fetch) ">
{{partnerData}}
</div></div>
</div>

https://angular.io/docs/ts/latest/guide/pipes.html#!#an-impure-caching-pipe

Answer 2

我认为你可以循环一个数组并从组件中的每个项目的某些api获取数据。在这种情况下，您创建包含所有必要信息的数组，并将其显示在模板中

ngfor angular2在迭代vlaue上从服务器获取contnet

2 个答案: