Angular中ngFor循环中点击div返回id

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的索引。我应该如何做呢？

提前感谢。

- devinvail

---

请尝试使用<button (click)="myFunction(i)"> 点我 </button>。 - Tsvetan Ganev

Answer 1

正如评论中所建议的@TsvetanGanev，您可以传递索引。

如果您想要字面上传递被点击的段落，您可以这样做：

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

如果你想要 JavaScript 事件：

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

- Zze

---

感谢您提供详细的答案。我将较短的答案设置为已接受，因为它更早地完成了工作。 - devinvail

@devinvail 别忘了你也可以给别人的答案点赞 - 在这种情况下。虽然很高兴我能帮到你。 - Zze

很想投票，但我还需要提高声望才能记录我的投票。总有一天我会到达那里的 :-) - devinvail

Answer 2

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

- Melchia

---

我真的以为我尝试过了，而且内部div没有得到id引用。我想我错了。谢谢！ - devinvail