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

Question

我有一个名单，如下所示：

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

他们是一个json对象。我想在列表中显示名称。当用户点击我需要能够获取ID的名称时。

html看起来像这样：

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

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

干杯

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试应用。 property accesor {{item.id}}