Question

我使用Angular 2，并使用* ngFor循环创建div。这是一般结构，简化：

<div *ngFor="let segment of segments ; let i = index;">
  <div></div>
    <div> 
     <button (click)="myFunction(index) )> click me </button>
    </div>
</div>

埋在每个div内是一个按钮。我想在单击按钮时调用函数并传递包含div的索引。我该怎么做？

提前感谢。

Answer 1

作为评论中建议的@TsvetanGanev，您可以传递索引。

如果你想直接传递被点击的片段，你可以这样做：

<button (click)="myFunction(segment)"> click me </button>

如果你想要javascript事件：

<button (click)="myFunction($event)"> click me </button>

Answer 2

<div *ngFor="let segment of segments ; let i = index;">
  <div></div>
    <div> 
     <button (click)="myFunction(i)"> click me </button>
    </div>
</div>

ngFor循环中单击div的Angular返回ID

2 个答案: