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是可选的。 Installation options here

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

如何将第三方依赖项注入Angularjs中的Directive控制器？

1 个答案: