У меня есть требование отобразить изображение (значок справки) во всплывающем окне с ионным оповещением. Я использую локализацию в нашем приложении. Итак, то, что я сделал прямо сейчас, отображает изображение, используя класс CSS из строк перевода следующим образом:
"PBMNotConnected": "<div>We didn't detect a PBM connected to your device.</div><p class='pbmAlertInfoBox'>Please select the <span class='infoIcon' (click)='goToHelp()'></span> (info icon) for help.</p>",
Теперь я могу видеть значок справки в окне предупреждения, но я хочу связать событие нажатия с этим значком справки. Я добавил атрибут (click)
в строку перевода, но он не работает.
Ниже приведен общий код для представления всплывающего окна с предупреждением
/**
* show alert message
* @description pass non translated strings of title, subtitle, message and buttons text
*/
presentAlert(title, subtitle, message, cssClass, okText, hideButtons?:boolean) {
let buttons = [];
if(!hideButtons){
buttons = [this.getTranslate(okText, {})];
}
let alert = this.alertController.create({
title: this.getTranslate(title, {}),
subTitle: subtitle ? this.getTranslate(subtitle, {}) : '',
message: this.getTranslate(message, {}),
cssClass: cssClass,
buttons: buttons,
enableBackdropDismiss: false
});
alert.present();
return alert;
}
и затем я попытался связать событие, используя следующий код вручную,
let alert = this.popUpService.presentAlert('error', undefined, 'PBMNotConnected', 'custom-popup-ok error', 'ok');
let elements: any = document.getElementsByClassName('.pbmAlertInfoBox .infoIcon');
if(elements.length > 0){
elements[0].click = () => {
this.goToHelp();
}
}
но теперь проблема в том, что я не знаю, когда именно открывается всплывающее окно с предупреждением, поэтому мне нужна ваша помощь, чтобы узнать о любом доступном событии после открытия всплывающего окна с предупреждением.
Заранее спасибо.