如何使点击在离子信息窗口中工作

Question

我在我的 html 文件中创建了一个 div，然后我在我的 ts 文件中使用 document.getElementByID 引用了它。然后我使用它的内部 html 作为信息窗口的内容。但是当我不知道如何让点击起作用时。当我尝试将侦听器添加到 div 中使用的任何元素时，它确实有效

我试过添加（点击）="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");
  }

如何使点击在离子信息窗口中工作

How to make click work in ionic infowindow

google-maps

typescript

ionic3