Я пишу пользовательскую директиву и хочу, чтобы моя директива обращалась к дочернему элементу по сгенерированному идентификатору, как в приведенном ниже коде.
<div class="my-directive" data-rawdata="user-{{user_id}}">
<div class="raw user-{{user_id}}" id="user-{{user_id}}" style='display:none'>
I'M HERE.
</div>
</div>
Это моя директива:
.directive('myDirective', [function(Cart) {
return {
restrict: 'C',
priority: -1000,
link: function(scope, elem, attrs) {
var element_id = attrs.rawdata
if(element_id){
var found1 = angular.element("#" + element_id); // not found
var found2 = angular.element("." + element_id); // not found
var found3 = angular.element(".raw"); // found
console.log( [found1.length, found2.length, found3.length] );
console.log( found3.attr('id') ); // -> still not compile = user-{{user_id}} ?
console.log( found3.attr('class') ); // -> still not compile = user-{{user_id}} ?
}
}
};
}])
И моя директива не может получить доступ к элементу по идентификатору, потому что она еще не завершила привязку значения идентификатора.
Есть ли способ разрешить выполнение моей директивы после завершения привязки? Я пробовал приоритет -1000 без везения.
мой плункер: http://plnkr.co/edit/2J7t6qK7F5MtyWI64Wpa?p=preview