无法使用leaflet弹出窗口与angularjs指令（和部分）一起使用

Question

我正在尝试编写一个指令来填充传单标记弹出窗口。我一直在撞墙，试图找出我做错了什么。我的弹出窗口总是空着的。

之前有人成功完成过吗？

这是一个显示问题的plunker： http://plnkr.co/edit/53bebb?p=preview

Answer 1

marker.bindPopup（E [0]）;而不是marker.bindPopup（clonedElement [0]）;

Answer 2

试试这个：

var directiveTag = $(document.createElement("search-results-map-marker-popup"));
var compiledDirective = $compile(directiveTag)(popupScope);

newMarker.bindPopup(compiledDirective[0]);

Answer 3

您可以在angular-leaflet-directive中使用对Angular内容的新支持：

var html = '<br><span ng-class="thumbsUpClass(item)" ' +
    'ng-click="addChoice(item,set)"><span class="popup-container"><span ' +
    'class="icon-stack thumbs-up-stack"><i class="icon-sign-blank ' +
    'icon-stack-base"></i><i class="icon-thumbs-up"></i></span></span></span>';

... 

$scope.markers.push( { lat: ...,
                       lng: ...,
                       message: html,
                       getMessageScope: function() { return $scope; },          
});