通过单击角度 2 从 *ngFor 中的另一个组件分配变量值

Question

我尝试在 *ngFor 中将对象传递给另一个组件，但只传递了表格中的最后一个对象，但应该显示被点击的对象，如何解决这个问题？

  <tr data-toggle="control-sidebar" *ngFor="let user of pagedItems">
      <td><control-sidebar [user]="user">
  </control-sidebar>{{ user.name }}</td>

在另一个组件视图中只显示最后一个表格行。

Answer 1

当您将user 数据绑定到control-sidebar 时：

[user]="userDtails"，问题出在这里。

修改代码：

<tr data-toggle="control-sidebar" *ngFor="let user of pagedItems">
      <td (click)="getUser(user)"><control-sidebar [user]="user">
  </control-sidebar>{{ user.name }}</td>

确保您已在组件类中定义了getUser 方法。

请注意，我已设置：[user]="user"。因为您想将user 对象传递给control-sidebar。

现在一切正常。

编辑：

由于您想显示被点击的user，您可以将一个方法绑定到(click) 处理程序并传递user 对象。例如：

(click)="showUser(user)"