离子2本地联系人插件查找不退出

Question

我想查询使用离子2本机的所有联系人。运行ionic serve命令时出现以下错误。如果有人知道请让我知道，我该如何解决这个问题。谢谢

Typescript Error 
Property 'find' does not exist on type 'typeof Contacts'. 

home.ts

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Contacts, Contact, ContactField, ContactName } from '@ionic-native/contacts'; 

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

    constructor(public navCtrl: NavController) { 

    } 
    testFun(){ 
    Contacts.find(['*']).then((contacts)=>{ 
     alert(JSON.stringify(contacts[0])); 
    }) 
    } 
} 

home.html的

<ion-header> 
    <ion-navbar> 
     <ion-title> 
      Ionic Blank 
     </ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 
    <button ion-button full (click)="testFun()">Get Contacts</button> 
</ion-content> 

错误图像

源代码Git repo for my project

Answer 1

由于离子3.xx的，您使用Native插件的方式是从离子2.xx的

1. 首先有一点不同，你需要添加Contact在构造函数
2. 您需要添加提供商Contact在@Component

所以你home.ts应该是这样的，而不是：

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Contacts, Contact, ContactField, ContactName } from '@ionic-native/contacts'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html', 
    providers: [Contacts] 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, private contacts: Contacts) { 

    } 

    testFun(){ 
    this.contacts.find(['*']).then((contacts)=>{ 
     alert(JSON.stringify(contacts[0])); 
    }) 
    } 
} 

更多使用示例检查这里的离子3.x的本地DOC http://ionicframework.com/docs/native/contacts/