angularjs - ionic 2 native 联系人插件查找不退出

Question

我正在尝试使用 ionic 2 native 查询所有联系人。运行 ionicserve 命令时出现以下错误。如果有人知道请告诉我，我该如何解决这个问题。谢谢

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

从 Ionic 3.x.x 开始，使用 Native 插件的方式与 Ionic 2.x.x 略有不同

1. 首先，您需要在构造函数中添加Contact
2. 您需要在 @Component 中添加提供者Contact

所以你的 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]));
    })
  }
}

更多使用示例请在此处查看 Ionic 3.x NATIVE 文档的官方文档 http://ionicframework.com/docs/native/contacts/