$ rootScope沒有定義

Question

我試圖在多個地方和多個控制器中使用cookie的值，但我得到錯誤說$ rootScope沒有定義

下面的代碼：

capApp.controller('cookieCtrl', ['$scope','$cookies', function($scope, $rootScope, $cookies) { 
    // set variable for nav 
    $rootScope.cookieSet = $cookies.user_id; 
}]); 

capApp.controller('mainController', function($scope, $location) { 
    $scope.user_id = $rootScope.cookieSet; // set global var 
});

有沒有更好的方法來做到這一點？基本上我想要的cookie值可用站點寬

Answer 1

你錯過添加$rootScope依賴於兩個控制器

代碼

capApp.controller('cookieCtrl', ['$scope','$rootScope', '$cookies', 
    function($scope, $rootScope, $cookies) { 
    // set variable for nav 
    $rootScope.cookieSet = $cookies.user_id; 
}]); 

capApp.controller('mainController', ['$scope', '$location', '$rootScope', 
    function($scope, $location, $rootScope) { 
    $scope.user_id = $rootScope.cookieSet; // set global var 
}); 

確保array annotation of dependency injection保證，而這樣做的JavaScript縮小它不會破壞代碼。

側面說明： - 不要使用$rootScope共享應用通用功能/數據，請使用服務/工廠相同

Answer 2

你沒有在mainController注入$ rootScope

capApp.controller('mainController', function($scope,$rootScope, $location) { 
    $scope.user_id = $rootScope.cookieSet; // set global var 
}); 

更新：

首先創建就像控制器之間的橋樑服務：

1）addCookie用於添加cookieset。

2）getCookie用於獲取cookieset。

capApp.factory('user', function() { 
    var cookieSet; 

    var addCookie = function(val) { 
     cookieSet=val; 
    } 

    var getCookie = function(){ 
     return cookieSet; 
    } 

    return { 
    addCookie : addCookie, 
    getCookie : getCookie 
    }; 

}); 

capApp.controller('cookieCtrl', ['$scope', 'user', '$cookies', function($scope, user, $cookies) { 
    // set variable for nav 
    user.addCookie($cookies.user_id); 
}]); 

capApp.controller('mainController', function($scope, $location,user) { 
    $scope.user_id =user.getCookie(); // set global var 
});