我正在使用 Angular 5 和 ngx leaflet,包括标记簇。一切正常,但单击功能始终输出列表最后一个元素的名称,而工具提示包含正确的名称。
for (var i of this.list) {
var markerItem = L.marker([i.lat, i.lng], {icon})
.bindTooltip('<h5>'+i.name+'</h5>')
.on('click', () => {
console.log(i);
this.draw(i);
});
data.push(markerItem)
}
this.markerClusterData = data;
最佳答案
你可以改变:
.on('click', () => {
console.log(i);
this.draw(i);
}
致:
.on('click', ((i) => () => {
console.log(i);
})(i))
上面的解决方案使用了闭包。您可以阅读有关它们的更多信息 here .
您还可以更改
for (var i of this.list) {
至
for (let i of this.list) {
此解决方案利用 let keyword .
看看this JSBin查看工作示例。
关于angular - 传单标记点击始终显示最后一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49360748/