Angular2 - json 对象显示名称，但在列表中单击时获取 id

Angular2 - json object display name but get id when clicked in a list

本文关键字：列表 单击 id 获取 json 对象 显示 Angular2      更新时间：2023-09-26

我有一个名字列表，看起来像这样：

 this.items = [
            {name : "Joe", id : 1},
            {name : "Bob", id : 2},
            {name : "Jane", id : 3},
        ];

它们是 json 对象。我想在列表中显示名称。当用户单击名称时，我需要能够获取 id。

网页如下所示：

<ul (click)='handleClick($event.target.textContent)'>
  <li *ngFor="#item of items">
    {{ item.name }}
  </li>
</ul>

这显示了名称列表，但我不确定单击名称时如何获取 id？

干杯

你点击父ul，可能需要点击li

<ul>
  <li *ngFor="#item of items" (click)='handleClick(item.id)'>
    {{ item.name }}
  </li>
</ul>

尝试应用 . 属性访问器 {{ item.id }}

相关文章：