ionic-framework - 如何使搜索栏只有在搜索字段中超过 3 个字符时才可用

Question

这是我的搜索栏，当我们输入任何输入但单个字符时开始搜索其值。我想自定义此 (ionInput)=getItems($event) 以便仅在输入超过 3 个字符时才有效

 <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
 <ion-list *ngFor="let product of products" >
<ion-item text-wrap  (click)="openProductPage(product.id,product.name)">
     <h2> {{ product.name }} </h2>     
</ion-item>
 </ion-list>

标签： ionic-framework

Answer 1

如果您只是不想激活搜索过程，那么下面的代码就足够了。

getItems(event){
  if(!event.target.value || event.target.value.length < 3){
     return;
  }
  // search 
}