Не удается получить всплывающее окно для работы с директивой angularjs (и частичным)

Question

Я пытаюсь написать директиву для заполнения всплывающего маркера рекламного листка. Я ударился головой о стену, пытаясь понять, что я делаю неправильно. Мое всплывающее окно всегда пустое.

Любой успешно сделал это раньше?

Вот plunker показывает проблему: http://plnkr.co/edit/53bebb?p=preview

Answer 1

marker.bindPopup (е [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

Вы можете использовать новую поддержку для углового содержания в угловой листовке-директиве:

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