Angular 4将值从html模板传递给组件中的方法

Question

所以我在 Angular 4 上遇到了这个问题。

我的 html 模板标记中有这个按钮：

<td><a class="btn btn-danger" (click)="delete()"><i class="fa fa-trash"></i></a></td>

我有从 *ngFor 分配给每个 td 的数据，所以我有可以在这条记录上使用的 {{ data.id }}，但是如何正确地将它分配给我的删除方法，我尝试使用：

<td><a class="btn btn-danger" (click)="delete({{ data.id }})"><i class="fa fa-trash"></i></a></td>
<td><a class="btn btn-danger" (click)="delete(id)" [id]={{ data.id }}><i class="fa fa-trash"></i></a></td>

但似乎没有一个有效，所以任何建议或指导将不胜感激。

Answer 1

只需将 data.id 传递给删除函数

  <td><a class="btn btn-danger" (click)="delete(data.id)"><i class="fa fa-trash"></i></a></td>

然后在你的删除函数中

    delete(id : any){
console.log(id);
// perform your action
}