$ rootScope nicht

Question

definiert

Ich versuche, einen Cookie-Wert an mehreren Stellen zu verwenden und in mehreren Controllern, aber ich erhalte Fehler sagen $ rootScope nicht definiert ist

Hier ist der 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 
});

Gibt es einen besseren Weg, dies zu tun? Grundsätzlich möchte ich den Cookie-Wert vorhanden Website breit

Answer 1

Sie verfehlten $rootScope Abhängigkeit in beide Controller

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

Stellen Sie sicher, array annotation of dependency injection hinzuzufügen es nicht den Code, um sicherzustellen, brechen während JavaScript minification tun.

Side Hinweis: - Verwenden Sie $rootScope nicht für die gemeinsame Nutzung Anwendung gemeinsame Funktion/Daten, keine Service/Fabrik für die gleiche

Answer 2

Sie nicht $ rootScope in mainController

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

aktualisieren injizieren:

Erster einen Dienst erstellen, die zwischen den Controllern wirkt wie eine Brücke:

1) addCookie zum Hinzufügen von Cookies verwendet.

2) GetCookie verwendet, um Cookieset zu erhalten.

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