随着手机使用的普及，手机通讯录功能成为了我们使用手机的必要功能之一。而作为前端开发者，我们如何实现在自己的应用中使用手机通讯录信息呢？这就需要用到cordova-plugin-interactive-contacts这个npm包。在这篇文章中，我将会介绍如何安装和使用这个npm包。
1. 安装cordova-plugin-interactive-contacts
首先，我们需要安装cordova和cordova-plugin-interactive-contacts这两个npm包。执行以下命令来安装：
-- -------------------- ---- ------- ---------- --- ------- -- ------- -------------- ------- ------ ----- ----------- -- ----- -------------------------------------- ------- ------ --- -----------------------------------
2. 使用cordova-plugin-interactive-contacts
2.1 获取联系人列表
我们可以使用cordova-plugin-interactive-contacts来获取手机中的联系人列表，需要调用以下方法：
-- -------------------- ---- -------
----------------------
---------------------------------------- -----------
---------
-------------------------------------------
--------------------
-- ----------------
---------------------
---
-- -------此方法需要在deviceready事件中调用，这个事件会在cordova启动完成后触发。获取成功后，返回的contacts为一个数组，里面包含了每个联系人的信息。
2.2 联系人选择器
使用cordova-plugin-interactive-contacts可以实现手机联系人选择器功能，通过调用以下方法：
//选择联系人
navigator.contacts.choose(function(contact){
//contact为所选中的联系人信息对象
}, function(error){
console.error(error);
});这个方法弹出一个选择器，可以供用户选择某个联系人。成功选择后，会返回所选中联系人的信息对象。
3. 示例代码
以下是一个完整的demo示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----- ---------------------------- ------------------
----- --------------- ---------------------------- -----------------
-------------- -------- ---- -----------
------- --------------------------
-------
------
----------- -------- ---- --------
------- ----------------------------- -----------------
------- -------------------------------- ----------------
--------
-------- -------------- -
---------------------------------------- -----------
-------------------------------------------
----------------------
-- ----------------
---------------------
---
-- -------
-
-------- --------------- -
--------------------------------------------
---------------------
-- ----------------
---------------------
---
-
---------
-------
-------这个示例代码中，通过点击“Show Contacts”按钮显示手机通讯录中的联系人，点击“Choose Contact”按钮弹出一个选择器，供用户选择某个联系人。
4. 总结
本文介绍了cordova-plugin-interactive-contacts这个npm包的安装和使用方法，包括获取联系人列表和联系人选择器功能。通过深入学习，我们可以更好地使用cordova开发手机应用，为用户带来更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557fb81e8991b448d5143