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和{{1 }}。

我该怎么做？

编辑：这是.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);
}

从离子列表中离子项目中的按钮获取ID信息

1 个答案: