$ 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
});

確保依賴注入的數組注釋，以確保在進行JavaScript縮小時不會破壞代碼。

附注： - 不要使用$rootScope共享應用程序常用功能/數據，請使用service / factory

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
});