从模板* ngfor获取索引以在我的打字稿类中使用

Question

我正在尝试在打字稿类中使用*ngFor的索引。 示例：

*ngFor="let item of items; let i = index";

如何将索引值（i）发送到组件控制器中？

Answer 1

模板：

<div *ngFor="let item of items; let i = index";>
<a (click)="sendInvoice(i)">Send</a>
</div>

TS：

sendInvoice(i){
console.log(i);
}

Answer 2

您可以通过发送带有事件的索引来获取打字稿代码中的索引。以这个为例：

<li *ngFor="let item of items; index as i" (click)="yourFunction(i)">
    {{item}}
</li>

当您单击该项目时，这会将您的索引发送到您的打字稿功能。

yourfunction(i: number) {
    // Your code here
    alert(i);
}

有关局部变量的更多信息，请参见here。