Angular ngFor访问索引

时间:2019-02-27 16:13:07

标签: javascript angular ngfor

如何访问ngFor内的索引?

https://stackblitz.com/edit/angular-ekze7q

谢谢

2 个答案:

答案 0 :(得分:3)

您忘记在ngFor中添加*,并且var名称错误

<p *ngFor="let i of Arr(count); let index = index">
  <button (click)="removeElement(index)">test</button>
</p>

答案 1 :(得分:2)

如果您要使用索引打印编号,请尝试此操作,它将为您提供帮助。

<ul *ngFor="let item of Array; let i = index">
 <li> {{i+1}}={{item.name}}</li> 
</ul>

供参考: https://angular.io/api/common/NgForOf