如何在找到联系人后选择联系人？ Ionic 2

我想从列表中选择一个选项。一旦我搜索，应该能够选择并显示在搜索栏上，如this。这是我迄今为止所做的。如何在找到联系人后选择联系人？ Ionic 2

我可以搜索联系人。我接下来要做的就是从列表中选择该联系人并将其添加到搜索栏（如Gmail和所有）。

模板

<ion-content padding> 
    <ion-searchbar (ionInput)="findContact($event)" placeholder="Enter display name"> 
    <button ion-button color="light" (click)="findContact($event)" icon-only> 
     <ion-icon name="add"></ion-icon> 
     </button> 
    </ion-searchbar> 

    <ion-list [hidden]="!search"> 
    <ion-item *ngFor="let item of contactsfound">{{item.displayName}}</ion-item> 
    </ion-list> 
</ion-content>

home.ts

findContact(ev: any) { 
    let fields: ContactFieldType[] = ['displayName']; 

    const options = new ContactFindOptions(); 
    options.filter = ev.target.value; 
    options.multiple = true; 
    options.hasPhoneNumber = true; 

    this.contact.find(fields, options).then((contacts) => { 
    this.contactsfound = contacts; 
    console.log(JSON.stringify(contacts[0])); 
    }); 

    if (this.contactsfound.length == 0) { 
    this.contactsfound.push({ 
     displayName: 'No Contacts found' 
    }); 
    } 
    this.search = true; 
}

来源

2017-07-26 JBhatt

Is this [this example]（https：// plnkr .co/edit/9HvbnKbJh4paHRh1yYEB？p =预览）就像你在找什么？如果是的话，我会写出一个更详细的解释它的解释（我知道它是有角度的，它看起来很糟糕，没有样式，但语法是相同的） – 0mpurdy

@ 0mpurdy这与我正在寻找的相似。基本上，当我从本地联系人列表中搜索并选择联系人姓名时，它应显示在同一个搜索栏上。 – JBhatt

好，那么你问的是创建一个过滤列表，绑定到模板或样式？关于这些问题的相关信息已经在StackOverflow上得到了解答 - 如果您可以将问题分解为更小的区块，这将有所帮助:) – 0mpurdy

行，所以我找到了解决办法。基本上我在谈论离子芯片。我正在浏览文档并找到它。我在ng-container下使用了离子芯片;添加了一些功能，可以从离子列表中选择选项（注意：不是离子选择），并将选定的选项显示为html模板中的一个芯片:)

来源

2017-08-03 21:55:24 JBhatt

如何在找到联系人后选择联系人？ Ionic 2

回答

相关问题