$rootScope n'est pas défini

Je suis en train d'utiliser une valeur de cookie dans plusieurs endroits et dans de multiples contrôleurs mais j'obtiens un message d'erreur indiquant que $rootScope n'est pas défini

Voici le code:

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

Est-il une meilleure façon de le faire? Fondamentalement, je veux que la valeur du cookie disponibles à l'échelle du site

OriginalL'auteur Darren Sweeney | 2015-04-01

  1. 23

    Vous avez manqué d'ajouter $rootScope de la dépendance dans les deux contrôleurs

    Code

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

    Assurer array annotation de l'injection de dépendance pour s'assurer qu'il ne cassera pas le code tout en faisant JavaScript minification.

    Note de côté:- Ne pas utiliser de $rootScope pour l'application de partage commun de la fonction /données, n'utilisez le service/l'usine pour la même

    Note de côté de côté remarque: docs.angularjs.org/misc/faq "[..] ne pas créer un service dont le seul but dans la vie est de stocker et de retour bits de données"

    OriginalL'auteur Pankaj Parkar

  2. 4

    Vous n'avez pas injecter $rootScope dans mainController

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

    Mise à jour:

    D'abord créer un service qui agit comme un pont entre les contrôleurs:

    1) addCookie utilisé pour ajouter cookieset.

    2) getCookie utilisé pour obtenir 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
});
    pourquoi vous mélangez service de la syntaxe avec les réglages d'usine, vous devez utiliser this au lieu de locaux var lors de l'utilisation du service, & ne devrait pas l'objet de retour, regarde ce stackoverflow.com/a/28262966/2435473
    parkar 🙂
    votre bienvenue mec..
    Personnellement, j'aime votre approche de service +1 pour ça 🙂

    OriginalL'auteur squiroid