如何將第三方依賴項注入Angularjs的Directive控制器中？

Question

我有一個指令控制器，如下所示。

 app.directive("dashboardApp", function(toastr){
 return {
     controller: function($scope, $rootScope){

     }
  }

我也有一個XHR攔截器“ angular-loading-bar”，它是作為對“ app”的依賴而添加的

 angular.module('myApp', ['angular-loading-bar', 'ngAnimate'])

。 但是攔截器在dashboardApp控制器中不起作用。 我如何將這種依賴性注入指令控制器。

Answer 1

它會自動運行，因此只需將其作為依賴項包含在內，它將自動顯示$ http請求的進度。

將模塊注入您的應用程序應該可以解決問題。 無需將其注入控制器。

要求：AngularJS 1.2+

請檢查您的安裝，然后重新檢查以下步驟

包含依賴

將加載欄作為應用程序的依賴項。 如果您想要動畫，請同時包含ngAnimate 。 注意： ngAnimate是可選的。 安裝選項在這里 。

angular.module('myApp', ['angular-loading-bar', 'ngAnimate'])

包括源文件（通過以下方法之一）

包括提供的JS和CSS文件（或創建自己的CSS以覆蓋默認值）。

<link rel='stylesheet' href='build/loading-bar.min.css' type='text/css' media='all' />
<script type='text/javascript' src='build/loading-bar.min.js'></script>
That's it -- you're done!

通過涼亭：

$ bower install angular-loading-bar

通過npm：

$ npm install angular-loading-bar

通過CDN：

 <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.css' type='text/css' media='all' />
 <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.js'></scrip