ОБНОВЛЕНО
Мне нужны свежие глаза на мою проблему. Я провел много исследований и перепробовал все, что только мог придумать, но по какой-то причине я просто не могу заставить свои модалы вести себя так, как я хочу.
Моя проблема:
После открытия модального (в котором есть карта Google и поле адреса автозаполнения Google), я нажимаю кнопку, закрывая модальное окно. и открытие модального два. Но модальное два не открывается, или вы видите только modal-backdrop.
Мой код:
(1) Первый модальный открывается с помощью этого события щелчка:
<a class="shop-btn" id="5G router-32" (click)="startFivegJourney()">buy</a>
(2) Событие click вызывает этот метод, открывающий #five-g-product-modal. Причиной дополнительного кода shown.bs.modal является просто установка z-index модального режима, обеспечивающая, чтобы поле адреса автозаполнения Google не отображалось за открытым модальным.
startFivegJourney() {
if (this.cartService.simsInCart.length > 0) {
$('#modal-clear-cart').modal('show');
} else {
$('#five-g-product-modal').modal('show');
$('#five-g-product-modal').on('shown.bs.modal', () => {
$('.pac-container').css('z-index', $('#five-g-product-modal').css('z-index'));
});
}
}
(3) Aсобытие щелчка кнопки, запускаемое из модального, которое теперь открыто, вызывает метод ниже, который скрывает модальное.
checkFiveGCoverage() {
$('#five-g-product-modal').modal('hide');
$('#five-g-product-modal').on('hidden.bs.modal', () => {
$('#five-g-coverage-modal').modal('show');
this.openModal();
});
}
(4) После того, как модальное полностью закрыто, вызывается простой метод для открытия новогомодальное:
openModal() {
$('#five-g-coverage-modal').modal('show');
}
Я пробовал различные способы открытия модального окна (модальное окно открывается поверх первого модального, если я не закрываю первый модальный), но это как если бы оно не срабатывалоили открывает только modal-backdrop. Заранее спасибо!