Всплывающий интерфейс ion-select не скрывается при аппаратном нажатии кнопки назад - PullRequest
Новая
       21

Всплывающий интерфейс ion-select не скрывается при аппаратном нажатии кнопки назад

0 голосов
/ 12 ноября 2018

Я использовал всплывающий интерфейс на <ion-select> для отображения всплывающих окон. На устройстве Android, если пользователь нажимает на ion-select, но не выбирает никакой опции и нажимает аппаратную кнопку «назад», он переходит к предыдущему виду, но всплывающий интерфейс все еще виден. Пожалуйста, помогите. 

<ion-select interface="popover" [(ngModel)]="item.productType" placeholder="Please select" multiple="false" ionChange="onChange($event)" >
    <ion-option *ngFor="let opt of options" [value]="opt.value">{{opt.label}}</ion-option>
</ion-select>

1 Ответ

0 голосов
/ 12 ноября 2018

Определение имени страницы в модальной странице . 

pageName = "ModalPage";

Затем зарегистрируйте кнопку в app.component.ts 

    this.platform.registerBackButtonAction(() => {
        let nav = this.app.getActiveNav();
        let view = nav.getActive().instance.pageName;

        if (view == 'ModalPage') {
            let activeView: ViewController =  nav.getActive();
            activeView.dismiss();
       } else {
          this.nav.pop();
      }
    }

По сути, он регистрирует кнопку вашего устройства для выполнения действий при открытии определенного режима.

Не стесняйтесь комментировать для получения дополнительной помощи:)

...