離子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/