时间戳

首页 > 解决方案 > 单击传单 bindpopup 内的链接不起作用

javascript - 单击传单 bindpopup 内的链接不起作用

问题描述

我正在尝试在我的传单标记 bindpopup 中添加一个链接，但它不起作用，点击什么也不做，真的什么都没有，没有事件......：

for (var i = 0; i < this.array.length; i++) {
    let arrayDetails = this.array[i];
    var popupLink='<a (click)="console.log("toto")">See more information</a>';
    var marker = new leaflet.Marker([this.array[i]["lat"],this.array[i]["lng"]], {icon: orangeIcon})
    .addTo(this.map)
    .bindPopup(popupLink);
}

我也尝试了功能，但它不起作用。你有什么主意吗？（该链接应推送到详细信息页面。）

标签： javascriptangularionic-frameworkleaflet

解决方案

你必须转义引号console.log()，试试这种方式：

for (var i = 0; i < this.array.length; i++) {
    let arrayDetails = this.array[i];
    var popupLink='<a onclick="console.log(\'toto\')">See more information</a>';
    var marker = new leaflet.Marker([this.array[i]["lat"],this.array[i]["lng"]], {icon: orangeIcon})
    .addTo(this.map)
    .bindPopup(popupLink);
}

编辑：修复点击方法名称

推荐阅读