AngularJs Directive Link function can't access attr attribute

Question

I have the following return of an directive in angularJS

return {
            restrict: _restrict,
            link: function (scope, element, attrs) {
                $timeout(LinkPre, 0);  //Calling a scoped method
            },
            templateUrl: ConstrutorapiTemplatesChart,
            scope: "@",
            controller: Controller
        }

My LinkPre function is the function below

var LinkPre = function (scope, elem, attrs) {
            attrs.$observe(_attrUrl, function (relatorio) {
                if (relatorio != "") AoMudarUrl(scope, elem, relatorio);
            });
        }

I got an error on the LinkPre function, that the attrs is undefined

Cannot read property '$observe' of undefined

Anyone has any ideia why?

Obs: I need that the Link function be executed after the directive is rendered

score 0 · Answer 1 · answered Jun 08 '17 at 17:23

Firstly you need to pass correctly your parameters to the function. Then if your function is defined inside the associated controller, you need to add the controller in the link function and call the function through the controller reference.

Try with:

link: function (scope, element, attrs, myController) {
    $timeout(myController.LinkPre.bind(this, scope, element, attrs));  
}

score 0 · Answer 2 · answered Jun 08 '17 at 17:26

0

thats because your LinkPre function doesnt recive any aguments when called by timeout, and thats why attrs and all of the parameters will be undefined, you could try the following:

$timeout(function() {
    LinkPre(scope, elem, attrs);
});

no need for the end zero either

answered Jun 08 '17 at 17:26

Strife86

1,135
1
10
18

when you do this, the func is called before the render – Patrick Sampaio Jun 08 '17 at 17:29
not according to this https://stackoverflow.com/questions/11125078/is-there-a-post-render-callback-for-angular-js-directive – Strife86 Jun 08 '17 at 17:47

AngularJs Directive Link function can't access attr attribute

2 Answers2