А как подставлять переменную в директиву?

Question

[microf]

Всем привет. А как подставить переменную в директиву? Делаю директиву, которая меняет свой шаблон в зависимости от приходящего значения.
Если делать так, то

var directive = {
            link: link,          
            templateUrl:             
            function (element, attrs) {
              return attrs.templateUrl ? attrs.templateUrl : '/assets/svg/test.svg';
           },
                 
            restrict: 'EA',
            transclude: true
       };

Он воспринимает {{{{param.url}} как ссылку. А эта ссылка равно param.url = 'assets/svg/test2', а это значение не приходит. Что делать?

Answer 1

[Сергей Протько]

функция отрабатывает до compile директивы, так что значения еще не интерполированы. Что вы можете сделать, так это воспользоваться директивой ng-include.

return {
    template: '<ng-include src="templateUrl"></ng-include>',
    scope: {},
    link: function (scope, el, attr) {
        attr.templateUrl.$observe(); // логика изменения переменной.
    }
}

Comments

[microf]

Да, сложовастенько. Спасибо. Сделал так
attr.$observe('templateUrl', function(value){

scope.templateUrl=attr.templateUrl;
});

[Сергей Протько]

microf: ну если вы так хотите (я просто думал что вы значение по умолчанию хотите организовать) то можно просто юзать изолированный скоуп:

{
templateUrl: '='
}

и тогда можно не делать ничего в link.