如何重置Ionic 6中的离子选择值?

093gszye  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(143)

我希望将ion-select值重置为空在选择后,我正在导航到另一页,当我单击该页上'后退'按钮时,ion-select已选中该值我希望它重置'后退'按钮上离子选择
下面是我的.html文件代码

<ion-select #mySelect style="display: none" (ionChange)="onOrderSelection($event)" interface="action-sheet" mode="ios" [value]="orderTypeModel">
      <ion-select-option *ngFor="let item of orderTypes" [value]="item.id">{{ item.name }}</ion-select-option>
    </ion-select>

这是组件代码

orderTypeModel = '';
ionViewWillEnter(): void {
  this.orderTypeModel = null;
  this.changeDetecRef.detectChanges();
}

我也尝试过用[ngModel]代替[value],但事件不起作用。
请你提出一些办法来做这件事?

ndh0cuux

ndh0cuux1#

将ngModel添加到离子选择:

〈ion-select [(ngModel)]=“我的选择项目”〉

当你想这样重置它时:

this.myselectItem =空值;

相关问题