如何使用 pickContact() 显示选定的联系人 - ionic-v3

Question

我想在输入中显示选定的联系人详细信息，在显示联系人详细信息的警报中。所以我想在我的表格中显示那个联系方式。知道该怎么做……请帮忙！

home.ts

import { Contact, ContactField, ContactName, Contacts } from '@ionic-native/contacts';
: 
constructor(public navCtrl: NavController, public navParams: NavParams, private contacts: Contacts) {
    this.contacts.pickContact().then((contact)=>{
        alert("contacts:-->"+ JSON.stringify(contact));
    });
}

home.html

<ion-content padding>
    <form (ngSubmit)="saveItem()" ng-controller="AppCtrl">
        <ion-item>
            <ion-label>Name</ion-label>
            <ion-input type="text" [(ngModel)]="contact.displayName" name="displayName"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label>Phone</ion-label>
            <ion-input type="tel" [(ngModel)]="contact.phoneNumbers" name="phoneNumbers"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label>Birth</ion-label>
            <ion-datetime displayFormat="DD/MM/YYYY" [(ngModel)]="contact.birthday" name="birthday"></ion-datetime>
        </ion-item>
</form>
</ion-content>

Answer 1

试试

contact = {
   displayName:null, 
   phoneNumbers:null, 
   birthday:null
};

selectContact(){
   this.contacts.pickContact().then((contact)=>{
      alert("contacts:-->"+ JSON.stringify(contact));
      this.contact.displayName = contact.displayName; 
      this.contact.phoneNumbers = contact.phoneNumbers[0].value; 
      contact.birthday = contact.birthday; 
   });
}

注意：属性名称检查并从响应中分配。