Visual studio 让搜索栏工作
我该怎么做,我想我的搜索栏工作,我在做一个应用程序,在爱奥尼亚VSCODE上 这是我的 HTML在这里我希望搜索栏的工作Visual studio 让搜索栏工作,visual-studio,ionic-framework,native,searchbar,Visual Studio,Ionic Framework,Native,Searchbar,我该怎么做,我想我的搜索栏工作,我在做一个应用程序,在爱奥尼亚VSCODE上 这是我的 HTML在这里我希望搜索栏的工作 <ion-item *ngFor="let interes of interesesObj"> <ion-label>{{interes.Nombre}}</ion-label> <ion-checkbox slot="start" [(ngModel)] ="interes.isChecked"></ion-checkb
<ion-item *ngFor="let interes of interesesObj">
<ion-label>{{interes.Nombre}}</ion-label>
<ion-checkbox slot="start" [(ngModel)] ="interes.isChecked"></ion-checkbox>
{{interest.Nombre}}
这里是搜索栏
<ion-item>
<ion-searchbar
[(ngModel)]="miBuscador"
[showCancelButton]="miStringDeCancell"
(ionInput)="onInput($event)"
(ionCancel)="onCancel($event)">
</ion-searchbar>
`在HTML中
<ion-searchbar mode="ios" [(ngModel)]="searchTerm" (ionClear)="setFilteredItems()"
(ionChange)="getItems($event)" placeholder="Search Topic"></ion-searchbar>
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;
});
}