Access $route inside directive in AngularJS

Question

Is any way how to access $route inside directive function?

What I basically want is to know the current templateUrl, say:

app.directive("scrollable", function ($document) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            $document.bind('scroll', function (evt) {
                 console.log($route.current.templateUrl); // $route is undefined!
            });
        }
    };
});

P.S. I am newbie in the AngularJS, don't be so rigorous :)

Have you tried to inject it like `app.directive("scrollable", ['$document', '$route', function ($document, $route) {...}]);` — Stanislav Kvitash, Jun 15 '17 at 15:42
@MikeFeltman No, I did not try. I am newbie in the angular js — Andremoniy, Jun 15 '17 at 15:43

score 5 · Accepted Answer · answered Jun 15 '17 at 15:40

5

I think you need to inject the $route to the directive

app.directive("scrollable", function ($document,$route) {

answered Jun 15 '17 at 15:40

Sachila Ranawaka

31,266
5
51
75

Thank you! It works. I will accept your answers in 10 minutes :) – Andremoniy Jun 15 '17 at 15:42

Access $route inside directive in AngularJS

1 Answers1