angularjs - 无法让传单弹出窗口与 angularjs 指令（和部分指令）一起使用

Question

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

以前有人成功过吗？

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

Answer 1

标记.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; },          
});