阅读Ionic 2文档的问题

时间:2016-12-18 05:01:34

标签: ionic-framework ionic2

我正在努力学习Ionic 2,这将成为一项非常艰巨的任务

我正在尝试获取设备的所有联系人,并将其列在应用中。

我转到插件页面

https://ionicframework.com/docs/v2/native/contacts/

它说find(fields, options)

fieldsContactFieldType[]

的位置

但是ContactFieldType是什么?我在哪里找到它?

在我学习Ionic2的过程中,我多次遇到同样的问题。

2 个答案:

答案 0 :(得分:0)

Ionic Native只是实际cordova插件的包装器。 Check here 您可以在相应的cordova仓库中找到完整的文档,因为使用情况相同。

在您的情况下ContactFieldType is described here

  

ContactFieldType对象是可能的字段类型的枚举,例如'phoneNumbers'或'emailils',可用于控制必须从contacts.find()方法返回哪些联系人属性

答案 1 :(得分:0)

使用Ionic 3获取设备的所有联系人并在应用中列出

步骤1:使用命令提示符安装

ionic cordova plugin add cordova-plugin-contacts

步骤2:使用命令提示符安装

npm install --save @ionic-native/contacts

第3步:打开 app.module.ts

import { Contacts } from '@ionic-native/contacts';

providers: [
    Contacts
  ]

第4步:示例打开 home.html

<ion-list>
  <button ion-item *ngFor="let item of allContacts">
    {{ item._objectInstance.displayName }} 
  </button>  
</ion-list>

第5步:示例打开 home.ts

import { Contacts } from '@ionic-native/contacts';

@Component({
  selector: 'page-list',
  templateUrl: 'list.html'
})
export class ListPage {

allContacts:any;
  constructor(public navCtrl: NavController, public navParams: NavParams, private contacts: Contacts) { 

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

希望它工作正常,请参考:)