Angular 在“角度2”中获取选定ID单击

Angular 在“角度2”中获取选定ID单击,angular,Angular,我正在尝试做如下操作-将所选id传递给组件代码,但这不起作用,或者似乎只是间歇性地起作用(可能是某种时间问题?) {{user.firstName}{{user.lastName}} {{user.status} {{user.userName} 您应该使用以下内容 <ul> <li *ngFor="let user of userList ;" (click)="getID(user.id)"> {{user.firstName}} &

我正在尝试做如下操作-将所选id传递给组件代码,但这不起作用,或者似乎只是间歇性地起作用(可能是某种时间问题?)


{{user.firstName}{{user.lastName}}
{{user.status}
{{user.userName}

您应该使用以下内容

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

用户对象:

export class User{
id: string;
firstName: string;
LastName: string;
status: string;
userName: string;
}
在组件中:

userList: User[];

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

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


{{user.firstName}{{user.lastName}}
{{user.status}
{{user.userName}

这是我能想到的最简单的解决方案。

你会遇到什么错误?它实际上在某个地方崩溃了,所以显然这是可行的。你能发布你的用户对象,以及用户列表吗?+1我会投票支持逻辑,但我想你应该帮助OP完成他的代码。介绍一些不同的东西可能会让他困惑。索引是用来做什么的?@DannyEllisJr。索引是跟踪循环中元素的索引。与你的帖子无关,那是我上一篇文章的一部分answer@Smit是的,你是对的。我把他弄糊涂了,但评论解释了这一点him@DannyEllisJr. 如果这样的话,这有帮助吗?用户可以是一个接口,而不是一个类。
export class User{
id: string;
firstName: string;
LastName: string;
status: string;
userName: string;
}
userList: User[];

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

goToAccount(id: any)
{
console.log(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>