从 ion-list 中的 ion-item 中的按钮获取 ID 信息

Question

  <ion-list>
    <ion-item-group *ngFor="let group of groupedContacts">
      <ion-item-divider color="light">{{group.letter}}</ion-item-divider>
      <ion-item *ngFor="let contact of group.contacts" class="contactlist"  style="clear: both;">
        <ion-col>
        <a start no-padding no-margin>{{contact.name}}</a>
        <p start no-padding no-margin>{{contact.number}}</p>
        </ion-col>
          <ion-label>
            <ion-button end float-right round>Tag</ion-button>
          </ion-label>
        </ion-item>
    </ion-item-group>
  </ion-list>

上面的代码是我用来列出我的联系人的代码。

我的目标是在 ion-label 内的那个 ion-item 中的按钮，当按下时，得到那个的 contact.name 和 contact.number项目。

我该怎么做？

编辑：这将是由 .ts 文件中的按钮调用的函数

Answer 1

试试

<ion-item *ngFor="let contact of group.contacts" ...>
...
    <ion-button (click)="processContact(contact)">Click</ion-button>

</ion-item-group>

并在.ts代码中添加函数

public processContact(contact) {
    console.log(contact.name, contact.number);
}