使搜索栏工作

我该怎么办,我希望mi searchbar能够在IONIC VSCODE上运行应用程序 这是我的

HTML在这里我想进行SEARCHBAR工作

<ion-item *ngFor="let interes of interesesObj">
<ion-label>{{interes.Nombre}}</ion-label>
<ion-checkbox slot="start" [(ngModel)] ="interes.isChecked"></ion-checkbox>

并在这里搜索栏

<ion-item>
  <ion-searchbar
  [(ngModel)]="miBuscador"
  [showCancelButton]="miStringDeCancell"
  (ionInput)="onInput($event)"
  (ionCancel)="onCancel($event)">
</ion-searchbar>

`

dido17 回答:使搜索栏工作

在HTML

<ion-searchbar  mode="ios" [(ngModel)]="searchTerm" (ionClear)="setFilteredItems()"
      (ionChange)="getItems($event)" placeholder="Search Topic"></ion-searchbar>

在Ts

 getItems(query) {
  console.log(query)
  this.resetChanges();
  this.posts = this.filterItems(query.detail.value);
}



protected resetChanges = () => {
    this.posts = this.dummyPost;
  };


 setFilteredItems() {
    //console.log('clear')
    this.posts = [];
    this.posts = this.posts;
  }
  filterItems(searchTerm) {
    return this.posts.filter((item) => {
      return item.title.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1;
    });

  }
本文链接:https://www.f2er.com/3005843.html

大家都在问