通过在* ngFor中的另一个组件中指定变量值2

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。

现在一切都应该正常工作。

编辑：

既然你想显示被点击就可以绑定到(click)处理的方法和通过user对象user。例如：

(click)="showUser(user)"