2015-02-08 93 views
0

Angular.js中依賴注入的語法令我感到困惑。Rails中Angular的依賴注入

我有一個使用Angular的Rails應用程序。其中一條指令需要使用$cookies服務。所以我有主要的Javascript文件,我聲明角應用程序,併爲我的指令帶有js文件的指令文件夾。

所以這是主要的js文件的相關部分。我試圖給ngCookies模塊注入到它:

app.js

angular.module('myApp', [ 
    'templates', 
    'ngCookies' 
]); 

,這裏是與指令,需要$cookies業務中的文件:

我指令性.js

angular.module('myApp') 
    .directive("myDirective", ['$cookies', function(){ 
    return { 
     restrict: 'E' 
     templateUrl: "my-directive-template.html", 
     scope: { 
     article: '=ngModel' 
     }, 
     link: function(scope, element, attrs){ 
     scope.myFunction = function(){ 
      $cookies.example = "hello world"; // set a cookie 
     }; 
     } 
    }; 
    }]); 

所以我試圖注入將模塊插入myApp模塊,然後將$cookies服務注入到指令中。

此語法不起作用; Firebug給我一個錯誤:「錯誤:$ cookie是未定義的」。

你能幫我弄清楚如何在Angular中正確注入依賴關係嗎?

回答

0

哦,我的!我想我需要的唯一的事情就是添加$餅乾作爲函數聲明的屬性以及使該行

.directive("myDirective", ['$cookies', function(){

成爲

.directive("myDirective", ['$cookies', function($cookies){