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

所以我在 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>

但似乎都不起作用，因此任何建议或指导将不胜感激。

只需传递 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
}