如何将第三方依赖项注入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