通过单击角度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)"