Question

我需要在表格中显示一系列元素。我正在尝试动态呈现click事件，以便我可以将_id分配给函数并在函数中重用它。这是我的代码：

app.component.html：

<tr *ngFor="let grade of grades">
  <td>{{ grade.grade }}</td>
  <td>
    <a (click)="deleteGrade({{ grade._id }})" class="btn btn-danger">Delete</a>
  </td>
</tr>

和我的app.component.ts：

deleteGrade(id) {
    console.log(id);
}

为什么我不能像这样绑定它？怎么还需要绑定？

Answer 1

使用

deleteGrade(grade._id)

而不是

deleteGrade({{ grade._id }})

我希望它可能会有所帮助。

Answer 2

您不需要花括号，只需将成绩ID作为参数传递。

<a (click)="deleteGrade(grade._id)" class="btn btn-danger">Delete</a>

Answer 3

你不需要click函数内的花括号。只需在功能参数中添加您的值即可。

<a (click)="deleteGrade(grade._id)" class="btn btn-danger">Delete</a>

Answer 4

<tr *ngFor="let grade of grades">
  <td>{{ grade.grade }}</td>
  <td>
   <a (click)="deleteGrade(grade.id)" class="btn btn-danger">Delete</a>
  </td>
</tr>

因为当你使用事件绑定时，你应该在双引号之间写typescript而你不需要把它放在{{}}之间

在Angular 2中动态构建单击事件

4 个答案: