Я работаю над мобильным приложением, написанным на Angular5 / Ionic3. Проблема появляется, когда я вхожу в модальный режим (в котором есть выпадающий список, он используется для фильтров), я не выбираю никакой опции и затем нажимаю кнопку «Назад» на моем мобильный телефон, не один в приложении, но мобильный оригинал
Модал закрывается, но выпадающий раскрывающийся список виден
Может кто-нибудь сказать мне, почему? Этого не происходит, когда я использую встроенную кнопку «Предыдущая» в приложении, а не на мобильном. На нижнем экране вы можете увидеть раскрывающийся список с двумя опциями из модального метода «Ниже» для открытия и закрытия модального
showFilter() {
let modal = this.modalCtrl.create('RPage', {
rD: this.rD,
k: this.kD,
filter: this.filters
});
modal.present().catch(err=>console.error(err));
this.loading = true;
modal.onDidDismiss(data => {
if (data) {
this.loading = true;
this.filters = data.filter;
this.loadFilters();
this.filterG();
this.name = this.getKBId(this.filters.k).name;
}
else {
this.loading = false;
}
});
}
Код HTML модальных:
<ion-header>
<ion-navbar>
<button ion-button clear icon-only tappable (tap)="leave()">
<ion-icon name="arrow-back" color="dark"></ion-icon>
</button>
<ion-title>{{title}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-item margin-vertical padding>
<ion-label stacked padding-bottom>{{rSettingsR}}</ion-label>
<ion-select interface="popover" (ionChange)="onChange($event)" placeholder="wybierz opcję...">
<ion-option *ngFor="let rD of rDs" value="{{ rD.id }}"
[selected]="rD.id == filter"> {{ rD.name }}
</ion-option>
</ion-select>
</ion-item>
</ion-content>
<ion-footer>
<ion-toolbar class="filter-button" tappable (tap)="close()">
{{text}}
</ion-toolbar>
</ion-footer>
