$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

你没有在 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
});

Answer 2

您错过了在两个控制器

中添加$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 缩小时不会破坏代码。

Side Note:- Don't use $rootScope for sharing application common function / data, do use service/factory for the same

$rootScope 未定义

$rootScope is not defined

javascript

cookies

dependency-injection

angularjs