AngularJS - Как получить доступ к моему шаблону в директиве?

Question

Учитывая следующую директиву:

myApp.directive("test", function() { 
    return { 
     restrict: 'E', 
     scope: { 
      model: "=" 
     }, 
     template: "<div id='dialog_{{model.dialogId}}'></div>", 
     replace: true, 
     link: function (scope, element, attrs) { 
      alert($("dialog_" + scope.model.dialogId).length); <-- This is 0 
     } 
    } 
}); 

мне нужно запустить метод JQuery UI на DIV в шаблоне, но я не могу показаться, чтобы получить ссылку на него из DOM в моей функции связи. Есть ли способ запустить функцию после добавления шаблона в DOM?

Answer 1

У вас есть свойство element. Вы можете сделать что-то вроде var div= element.find("div"); И если вы хотите подключить jquery-плагин, просто сделайте $(div).jqueryPlugin();, вы должны включить jQuery, но если вы не угловой, то предоставляете jQuery Lite.

Answer 2

То, что я в конечном итоге делает это было:

link: function (scope, element, attrs) { 
    $timeout(function() { 
     alert($("#dialog_" + scope.model.dialogId).length); 
    }, 0); 
} 

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