Как заставить работать щелчок в ионном информационном окне

Question

Я сделал div в моем html-файле, а затем сослался на него в своем ts-файле, используя document.getElementByID.Затем я использовал его внутренний html как контент для информационного окна.Но когда я не знаю, как заставить работать клики.Когда я пытаюсь добавить слушателей к любому элементу, используемому в этом div, он работает

Я попытался добавить (click) = "functionName ()", я также попытался сохранить document.getElementByID в переменной и попыталсядобавление прослушивателя событий.

для html

<div id="newpininfo" class="newpininfo">
        <ion-item detail-push>
                Save Spot 
                <ion-icon color="white" name="ios-add-outline" item-left></ion-icon>   
        </ion-item>
 </div>

для ts

var testelement = document.getElementByID('newpininfo');

testelement.addEventListener('click', function() =>{
     //do something
});

Answer 1

Я тоже столкнулся с той же проблемой.Этот трюк решил мою проблему:

В html:

<div onclick="Window.myComponent.test()" id="newpininfo" class="newpininfo">
   <ion-item detail-push>
      Save Spot 
      <ion-icon color="white" name="ios-add-outline" item-left></ion-icon>   
   </ion-item>
</div>

В компоненте (файл ts)

class 
  constructor(){
    Window["myComponent"] = this;
  }


  test(){
    console.log("testing");
  }