Question

我有一个搜索输入来显示项目列表。我想添加一个自定义清除输入按钮。即我想替换离子输入中现有的clearInput以使用自定义按钮。

.ts：

inputText = '';

clearField() {
    this.inputText = '';
  }

.html

<div>
  <span (click)="clearField()">CLEAR</span>
   <ion-input (keyup)="filterList($event.target.value)" type="text" [ngModel]="inputText"></ion-input>
</div>

这行不通，但是离子输入clearInput却行得通：/

Answer 1

如果引用离子输入怎么办？

<div>
  <span (click)="refIonInput.clearField()">CLEAR</span>
   <ion-input #refIonInput (keyup)="filterList($event.target.value)" type="text" [ngModel]="inputText"> 
   </ion-input>
</div>

ionic 4 / Angular-离子输入-自定义清除输入按钮

1 个答案: