javascript - variable - rootscope between controllers

La variable AngularJS $ rootScope existe, pero no es accesible

Question

Establecí una variable $ rootScope en uno de mis módulos y ahora quiero acceder a esa misma $ raíz de raíz en otro módulo. Hasta ahora puedo ver que en ambos módulos la variable se ha configurado correctamente, pero cuando intento acceder a la variable en $ rootScope, solo me sale indefinido.

¿Cómo puedo acceder a esta variable sin hacer una solución de fábrica / servicio? La variable es realmente simple y $ rootScope debería ser suficiente para lo que necesito. He puesto un código de muestra genérico a continuación para ilustrar el problema:

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
}

Answer 1

En Ctrl1 el valor $ rootScope.test se establece dentro de $ scope.myFunc.

El problema es que no está llamando a esa función, por lo que la propiedad de test en $ rootScope nunca se establece.

$scope.myFunc(); llamar a $scope.myFunc(); en Ctrl1 o set $rootScope.test = 1; dirrectly en el controlador:

app.controller(''Ctrl1'', [''$scope'', ''$rootScope'', function($scope, $rootScope) {
$scope.myFunc = function() {
$rootScope.test = 1;
};
$scope.myFunc();
}

o

app.controller(''Ctrl1'', [''$scope'', ''$rootScope'', function($scope, $rootScope) {
$rootScope.test = 1;
}

EDITAR:

Las sugerencias anteriores siguen siendo válidas, por lo tanto, debe llamar a myFunc ().

Pero el problema con su código es que Ctrl1 pertenece a MyApp1 y Ctrl2 pertenece a MyApp2 .

Cada aplicación tiene un alcance de raíz único ( documentos aquí )

Deberá crear Ctrl2 como controlador de MyApp1 :

angular.module(''MyApp1'')
.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
}]);

Answer 2

Simplemente me quedé atrapado en el mismo problema cuando descubrí que había definido esas propiedades para $ rootScope antes de que se carguen los controladores o los servicios. Entonces, lo que hice fue establecer valores iniciales cuando se ejecuta la aplicación. En tu caso, será como:

app.run(function($rootScope){
$rootScope.test="variable";
})

`