javascript - 从 ion-list 中的 ion-item 中的按钮获取 ID 信息
问题描述
<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>
上面的代码是我用来列出我的联系人的代码。
我的目标是让离子标签内的那个离子项目中的按钮在按下时获取该项目的和。contact.name
contact.number
我怎样才能做到这一点?
编辑:这将是由 .ts 文件中的按钮调用的函数
解决方案
尝试
<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);
}
推荐阅读
- jquery - 如何使用内联 jquery 迭代组合框中的响应值?-姜戈
- java - Apache Camel 自定义服务和关闭
- flask - 无法通过apt安装任何东西。没有名为“flask”的模块
- swift - 将 VNCoreMLFeatureValueObservation 转换为 VNDetectedObjectObservation
- html - 指向 url 时的 href vs html 标签
- matlab - Body of this Matlab function works, but not the function itself (interp1 error)
- salesforce - 在 Salesforce 中重现基于时间的工作流程
- ruby-on-rails - 如何在rails的active_admin中添加一个动作
- r - 在R中循环变量
- android - 如何裁剪我的图像并将其上传到 Firebase?