angular - ion-select ngModel 未使用 ionic 4 进行更新

Question

我的应用程序是使用 Ionic 3 部署的，现在我正在迁移到 Ionic 4。

Ionic 4 遇到的一个问题是使用 ngModel 和 ngModelChange 进行 ionic 选择， 似乎当我选择一个选项时 ngModel 没有更新，因此 ngModelChange 没有调度。

我的代码:

<ion-item>
    <ion-label floating>{{ 'Model' | translate }}</ion-label>
    <ion-select name="model" [(ngModel)]="device.model" (ngModelChange)="updateFirmwareList()" [disabled]="!isNew"
              required #model="ngModel" [cancelText]="ionSelecNameCancel" [okText]="ionSelecNameOk" ngDefaultControl>
              <ion-select-option *ngFor="let model of modelList" [value]="model">{{ model }}</ion-select-option>
    </ion-select>
</ion-item>

• 我已经加载了 FormsModule 模块。

• 未显示任何错误。

• 我从 ModalController 调用组件。

Answer 1

如果您同时 checkin 了 ionic 3 和 4 ngModelChange 事件，则在单击模式的 Ok 按钮后将调用该事件。

我已经使用您在 StackBlitz 上的代码和以下代码创建了一个示例演示。当我单击“确定”按钮时，我收到一个事件。

<ion-item>
    <ion-label floating>{{ 'Model' }}</ion-label>
    <ion-select name="model" [(ngModel)]="device.model" (ngModelChange)="updateFirmwareList()" [disabled]="!isNew" required #model="ngModel"
     [cancelText]="ionSelecNameCancel" [okText]="ionSelecNameOk" ngDefaultControl>
        <ion-select-option *ngFor="let model of modelList" [value]="model">{{ model }}</ion-select-option>
    </ion-select>
</ion-item>

TS

 updateFirmwareList() {
    console.log('Event Called');
  } 

<强> Ionic 3 Demo on stackblitz

<强> Ionic 4 Demo on stackblitz