AngularJS $ rootScope-Variable ist vorhanden, aber nicht zugänglich
Ich habe in einem meiner Module eine $ rootScope-Variable festgelegt und möchte nun in einem anderen Modul auf dieselbe $ rootScope-Variable zugreifen. Bisher kann ich sehen, dass in beiden Modulen die Variable richtig gesetzt wurde, aber wenn ich versuche, auf die Variable in $ rootScope zuzugreifen, werde ich nur undefiniert.
Wie kann ich auf diese Variable zugreifen, ohne eine Problemumgehung für Factory / Service durchzuführen? Die Variable ist wirklich einfach und $ rootScope sollte für das ausreichen, was ich brauche. Ich habe zur Veranschaulichung des Problems folgenden allgemeinen Beispielcode eingefügt:
file1.js
var app = angular.module('MyApp1', []);
app.controller('Ctrl1', ['$scope', '$rootScope', function($scope, $rootScope) {
$scope.myFunc = function() {
$rootScope.test = 1;
}
}
file2.js
var app = angular.module('MyApp2', []);
app.controller('Ctrl2', ['$scope', '$rootScope', function($scope, $rootScope) {
$scope.need_to_access_this = $rootScope.test; // undefined
console.log($rootScope); // returns JS object w/ test property set to 1
}