angularjs - リーフレット ポップアップを angularjs ディレクティブ (および部分的) で動作させることができません

Question

リーフレット マーカー ポップアップを埋めるディレクティブを作成しようとしています。私は自分が間違っていることを理解しようとして、壁に頭をぶつけてきました。私のポップアップは常に空です。

以前にこれを成功させた人はいますか？

ここに問題を示すプランカーがあります: http://plnkr.co/edit/53bebb?p=preview

Answer 1

マーカー.bindPopup(e[0]); 代わりにmarker.bindPopup(clonedElement[0]);

Answer 2

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