如何解决离子本机联系人问题显示每个数字
我希望你一切都好。
我对离子触点有疑问。
我现在正在使用我的代码获取所有联系人,但是如果John Doe有3个我想在前端John Doe中显示的第一个电话号码John的电话号码,我需要提取每个电话号码的每个联系人为例Doe使用第二个电话号码,John Doe使用第三个电话号码。
代码:
get_user_pages()
loadContacts() {
let options = {
filter: "",multiple: true,hasPhoneNumber: true,};
this.contacts.find(["*"],options).then((contacts: Contact[]) => {
this.myContacts = contacts;
console.log("Contacts:",contacts);
});
}
<ion-list
lines="none"
*ngFor="let c of myContacts"
class="ion-no-padding"
>
<ion-item class="ion-no-padding" (ionChange)="onCheckbox($event)">
<h5>{{c.name.givenName}} {{c.name.familyName}}</h5>
</ion-item>
<p *ngFor="let p of c.phoneNumbers" class="phone">
{{p.value}} </p
</ion-list>
现在,我得到了所有购买的电话的所有联系人,我需要如上所述显示带有每个电话号码的每个联系人。
非常感谢您。
解决方法
您可以使用inner for循环来实现此目的,该循环通过每个联系人的phoneNumbers进行迭代。
<ion-list lines="none" *ngFor="let c of myContacts" class="ion-no-padding">
<div *ngFor="let p of c.phoneNumbers"
<ion-item class="ion-no-padding" (ionChange)="onCheckbox($event)">
<h5>{{c.name.givenName}} {{c.name.familyName}}</h5>
</ion-item>
<p class="phone">
{{p.value}} </p
</ion-list>
您可以从这里看到一个使用角度的工作示例: https://stackblitz.com/edit/angular-ivy-prfpsb?file=src/app/app.component.ts
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。