ngFor和枚举行

Question

我使用ngFor作为来源使用Observable创建表格：

<tr *ngFor="let payment of sources$ | async">

我想在此表的第一列添加一个枚举：

<tr>
  <td>1</td>
</tr>
<tr>
  <td>2</td>
</tr>
<tr>
  <td>3</td>
</tr>

当然，每个1,2或3都是表格中当前payment的位置。 是否有任何优雅的方式来获得它？

Answer 1

这非常容易。试试这个：

<tr *ngFor="let payment of sources$; let i = index;">
  <td>{{i}}</td>
</tr>

索引是一个简单的Angular2功能，如 odd ，甚至或 last 。您可以阅读更多相关信息in official documentation。

如果您使用管道，则代码应如下所示：

<tr *ngFor="let payment of sources$ | async; let i = index;">
    <td>{{i}}</td>
</tr>