2016-08-01 148 views
0

我有一個指令控制器如下。如何在Angularjs中將第三方依賴注入Directive控制器?

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

    } 
    } 

我也有被添加作爲一個依賴於「應用」

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

一個XHR攔截「角加載杆」。但攔截器在dashboardApp控制器中不起作用。我如何將這種依賴注入到指令控制器中。

回答

0

它自動工作,所以只需將其作爲依賴項包含在其中,並且它將自動顯示$ http請求的進度。

將模塊注入到應用程序中應該有所裨益。無需將其注入控制器。

要求:AngularJS 1.2+

請檢查您的安裝,並重新檢查以下步驟

包括依賴

包括承重橫條爲您的應用程序的依賴。如果您想要動畫,請包括ngAnimate。注意:ngAnimate是可選的。 Installation options here

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

包括源文件(通過以下方法之一)

包括所提供的JS和CSS文件(或創建自己的CSS改寫默認值)。通過NPM

$ bower install angular-loading-bar 

$ npm install angular-loading-bar 

經由CDN:

<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! 

通過亭子

<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 
相關問題