通過在* 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)"