将索引设置为模板Angular 2中的数字

时间:2017-06-22 19:55:29

标签: javascript angular typescript ngfor

是否可以在模板中的Angular 2中设置索引? 比方说,我有

<ul>
  <li *ngFor="let item of items; let i = index">
    {{i}}. {{item}}
  </li>
</ul>

它显示出来 0.首先 1秒 2.第三次

我想拥有 1.首先 2.第二 3.第三次

所以,我想从索引1开始。

我认为可以通过单向构建来实现,但它不会以这种方式工作 这是plnkr Example

1 个答案:

答案 0 :(得分:4)

你试过

吗?
<li *ngFor="let item of items; let i = index + 1">

{{i + 1}}

plunker:https://plnkr.co/edit/4jqrvvDzv33wgROwncmg?p=preview