Question

我正在尝试从列表中选择一个选项。我搜索后，应该可以选择并在搜索栏上显示this。这是我到目前为止所做的。

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

模板

<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;
}

Answer 1

好的我找到了解决方案。基本上我在谈论离子芯片。我正在浏览文档并找到它。我在ng-container下使用过离子芯片;添加了一些函数，它将从离子列表中选择选项（注意：不是来自离子选择）并在html模板中将所选选项显示为芯片：）

找到后如何选择联系人？离子2

1 个答案: