Как использовать ионное всплывающее окно, например, для просмотра страниц с ионным угловым?

#ionic-framework #ionic4

Вопрос:

Существует ли какой-либо способ или какая-либо структура или какой-либо конкретный ионный компонент для реализации этой функции, описанной ниже.

введите описание изображения здесь

Вот чего я хочу:

Когда я открываю компонент в первый раз, всплывающее окно автоматически появляется над кнопкой ( например, у нас есть экскурсия по страницам на веб-сайтах ). При нажатии на НЕЕ он будет уволен.

Ответ №1:

Используйте компонент popover (https://ionicframework.com/docs/api/popover) с

 ionViewDidEnter(){ }
 

Поскольку всплывающее окно в большинстве случаев вызывается щелчком, вам нужно будет использовать javascript, чтобы «подделать» щелчок :

 ionViewDidEnter(){ 
let element: HTMLElement = document.getElementById('button') as HTMLElement;
  element.click();
}
 

А затем вы создаете свой метод onClick() для своей кнопки, чтобы отобразить всплывающее окно.