Мне нужно показать PopOver в Ionic 3 через код для конкретного элемента на странице

У меня есть страница PopOver, и я передаю ей строковое сообщение, и я хочу использовать это всплывающее окно в качестве всплывающей подсказки для некоторых элементов на странице.

Пример, на моей странице у меня есть это:

<button ion-button icon-only clear (click)="shareThisCardByEmail(item)" (blur)="showTooltipShareByEmail($event)" >
Share
</button>

В этом случае я связываю событие "размытие" (я не уверен, что было бы лучше для этого случая), и мне нужно, когда при загрузке представления снимается событие и всплывающее окно показывается пользователю. На компоненте у меня есть это:

showTooltipShareByEmail(event ? : any) {
    let popover = this.popoverCtrl.create(PopoverTooltipPage, {
      "message": 'This is a message on the tooltip popover about sharing by email'
    });
    let navOptions: any = {
      animate: true,
      ev: event
    };
    popover.present(navOptions);
  }

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

1 ответ

Я видел 2 вопроса, но я пытаюсь ответить на это:

Мне нужно, когда представление загружено, что событие снимается, и поповер показан пользователю

Проверьте это для событий жизненного цикла https://ionicframework.com/docs/api/navigation/NavController/.

Вы можете вызвать всплывающее окно, когда представление загрузилось здесь

ionViewDidLoad() {
  console.log("I'm alive!");
  // Right here
}
Другие вопросы по тегам