ionic获取手机通讯录contacts

Ionic通讯录插件

最新推荐文章于 2020-05-29 06:47:06 发布

原创最新推荐文章于 2020-05-29 06:47:06 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ionic #获取手机通讯录 #contacts

本文介绍如何使用Ionic Native中的Contacts插件来访问设备上的联系人信息。包括安装配置步骤及如何通过不同平台（如Android和iOS）特定的方法来获取联系人。

打开控制台安装contacts插件

ionic cordova plugin add cordova-plugin-contacts
npm install @ionic-native/contacts

app.module.ts引入

import { Contacts } from '@ionic-native/contacts';`
providers: [ Contacts ]

contact-list.ts引入

import { Contacts } from '@ionic-native/contacts';`
constructor(private contacts: Contacts) {  }

查找通讯录全部联系人：

this.contacts.find(['displayName', 'phoneNumbers'], {filter: "", multiple: true})
.then(contacts => {
  console.log(contacts);
  this.allContacts=contacts;
});

点击选择单个联系人：

this.contacts.pickContact().then((contact)=>{
  console.log("contacts:-->"+ JSON.stringify(contact));
  //this.familyDisplayName = contact.displayName; 
  //更新：这里有一个大坑，Android的全名显示在displayName，IOS的全名显示在name.formatted
  this.familyDisplayName = contact.displayName!=null?contact.displayName:contact.name.formatted; 
  this.familyPhoneNumbers = contact.phoneNumbers[0].value;  
});