单击leaflet bindpopup内部的链接不起作用[重复]

Posted 2023-01-23

这个问题在这里已有答案：

• Angular 2 / leaflet map, How to link to a component from marker popup ? … routerLink? 3回答

我正在尝试在我的传单标记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);

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

答案

你必须在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);

编辑：修复单击方法名称