在AngularJS中訪問$ route裏面的指令

有什麼辦法如何訪問$route裏面的指令函數？

我基本上是想知道當前templateUrl，說：

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! 
      }); 
     } 
    }; 
});

附：我在AngularJS新手，別那麼嚴謹:)

來源

2017-06-15 Andremoniy

你有沒有試過把它傳遞給指令？ –

你使用什麼路由器？默認或ui路由器？ –

你有沒有嘗試注入它像'app.directive（「scrollable」，['$ document'，'$ route'，function（$ document，$ route）{...}]）;' –

我認爲你需要的$route注入該指令

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

來源

2017-06-15 15:40:36

謝謝！有用。我會在10分鐘內接受你的答案:) – Andremoniy

@Andremoniy沒問題歡呼聲：D –

雖然上面的回答解決您的問題，它總是建議使用像這樣，

app.directive("scrollable", ['$document', '$route', function ($document, $route) { 
}]);

來源

2017-06-15 16:08:21

這將是很好的有一個鏈接*其中*建議，可能*爲什麼*。謝謝。 – Andremoniy

https://stackoverflow.com/questions/13362921/globally-defined-angularjs-controllers-and-encapsulation/13363482#13363482。當你進行生產構建時，它將支持縮小 –

在AngularJS中訪問$ route裏面的指令

回答

相關問題