angular - ionic : Clear text field on page load

Question

我的 html 页面中有一个文本字段，如下所示:

<ion-input type="text"   (input)="getid($event.target.value)" autofocus="true" id="get_ticket_id"></ion-input>

我希望每次加载页面/用户通过打开应用程序或使用后退按钮进入页面时将此文本字段发送到空白/空

我怎样才能做到这一点，我已经对此做了很多搜索，但找不到解决方案，有人可以告诉我如何实现吗

Answer 1

使用 ngModel，这是您应该了解 Angular 的绝对要点之一。还按照建议与 ionViewWillEnter() 一起使用。所以像这样:

:

myInput = "";

ionViewWillEnter() {
  this.myInput = "";
}

getId(val) {
  console.log(val)
}

和模板:

<ion-input [ngModel]="myInput" (ngModelChange)="getId($event)"></ion-input>

所以我也建议使用 ngModelChange 而不是 (input)，我们正在用 Angular 编码:)