Affectation d'une valeur de variable d'un autre composant dans * ngFor par clic dans angulaire 2

Question

J'essaye dans * ngPour passer un objet à un autre composant, mais je n'ai passé que le dernier objet de la table, mais l'objet sur lequel je clique doit être affiché, comment résoudre ce problème problème?

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

et dans une autre vue de composant montrant seulement la dernière rangée de table.

Answer 1

Lorsque vous liez les user données au control-sidebar:

[user]="userDtails", le problème se trouve ici.

Modifier le code:

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

Assurez-vous que vous avez défini la méthode getUser dans votre classe de composant.

Notez que j'ai défini: [user]="user". Si vous voulez passer l'objet user en control-sidebar.

Tout devrait bien fonctionner maintenant.

EDIT:

Puisque vous voulez afficher le user que vous avez cliqué sur pouvez lier une méthode pour le gestionnaire (click) et passer l'objet user. par exemple:

(click)="showUser(user)"