角2で選択したIDを取得する

Question

私は以下のようなことをしようとしています - 選択したIDをコンポーネントコードに渡しますが、これは動作しないか、断続的にしか動作しないようです。

<tr *ngFor="let user of userList"> 
    <td>{{ user.firstName }} {{ user.lastName }}</td> 
    <td>{{ user.status}}</td> 
    <td><a (click)="goToAccount(user.id)">{{user.userName}}</a></td> 
</tr> 

Answer 1

あなたは

<ul> 
    <li *ngFor="let user of userList ;" (click)="getID(user.id)"> 
     {{user.firstName}} 
    </li> 
    </ul> 
</ul> 
<br> 
    <span *ngIf="clickedID"> Clicked ID {{clickedID}}</span> 
     ` 

活字方法

getID(id:number){ 
    this.clickedID=id; 

    } 

LIVE DEMO

Answer 2

Userオブジェクト以下のようなものを使用する必要があります。

userList: User[]; 

contructor() 
{ 
this.userList = []; 
} 

goToAccount(id: any) 
{ 
console.log(id); 
} 

は、HTML：：componenet TSで

export class User{ 
id: string; 
firstName: string; 
LastName: string; 
status: string; 
userName: string; 
} 

<tr *ngFor="let user of userList"> 
    <td>{{ user.firstName }} {{ user.lastName }}</td> 
    <td>{{ user.status}}</td> 
    <td><a (click)="goToAccount(user.id)">{{user.userName}}</a></td> 
</tr> 

これは私がオフに考えることができる最も近いシンプルなソリューションです。