在leaflet.js上弹出一个按钮点击事件

时间:2016-10-25 22:26:20

标签: angularjs leaflet

当我点击地图时,会弹出一个带有下拉列表和按钮的弹出窗口。当我从下拉列表中选择一个值并单击按钮时,应在地图上插入标记。 我使用以下代码来包含下拉菜单和按钮:

var popup = L.popup()
.setLatLng([51.5, -0.09])
.setContent("<div> <select></select> <button ng-click='addNode()'> Add </button> <button></div")
.openOn(mymap);

单击按钮时未调用addNode()。有人可以让我知道这个问题吗?另外,除了使用.setContent之外,还有其他方法可以包含div元素吗?任何的意见都将会有帮助。

1 个答案:

答案 0 :(得分:1)

这是传单上下文的问题。在使用带有Angular2的leaflet.js时,我遇到了类似的问题。使用$ compile方法获取正确的上下文。

https://docs.angularjs.org/api/ng/service/ $编译

这篇文章可以帮助你解决这个问题: Passing ng-directive to Leaflet L.popup().setContent()