Добавление функции ngBindHtml с использованием .attr в функции ссылок не работает

Question

Я пытаюсь прикрепить директиву ngBindHtml в приложении в рамках функции ссылки директивы. Модуль, в котором директива находится впрыскивает ngSanitize, как например:

angular.module('ui.bootstrap.contextMenu', ['ngSanitize']) 
    .directive('contextMenu', cm); 

где cm является функция директивы. Функция ссылка выглядит следующим образом:

var link = function ($scope, element, attrs) { 
     element.on('contextmenu', function (event) { 
      event.stopPropagation(); 
      $scope.$apply(function() { 
       event.preventDefault(); 
       var options = $scope.$eval(attrs.contextMenu); 
       var model = $scope.$eval(attrs.model); 
       if (options instanceof Array) { 
        if (options.length === 0) { 
         return; 
        } 
        renderContextMenu($scope, event, options, model); 
       } else { 
        throw '"' + attrs.contextMenu + '" not an array'; 
       } 
      }); 
     }); 
    }; 

где renderContextMenu эскизы из HTML, который будет прикреплен к телу страницы. В этой функции у меня есть следующие строки кода:

$div.attr('ng-bind-html', text); 
$a.append($div); 

, которые должны производить то, что выглядит как:

<a><div ng-bind-html="the text"></div></a> 

и это делает. Проблема в том, что текст фактически не отображается. У кого-нибудь есть мысли по этому поводу?

Answer 1

Я думаю, что «угловой-y» способ сделать это, чтобы поместить html-код для контекстного меню, которое вы надеетесь связать непосредственно в шаблоне, и просто скрыть/показать его соответствующим образом: только показать его если существует действительное событие contextmenu и имеет options.length> 0.