Come posso usare $ rootScope in angolare per memorizzare le variabili?

Come posso utilizzare $rootScopeper memorizzare le variabili in un controller a cui voglio accedere in un secondo momento? Per esempio:

angular.module('myApp').controller('myCtrl', function($scope) {
  var a = //something in the scope
  //put it in the root scope
});

angular.module('myApp').controller('myCtrl2', function($scope) {
  var b = //get var a from root scope somehow
  //use var b
});

Come lo farei?

Le variabili impostate nell'ambito root sono disponibili nell'ambito del controller tramite ereditarietà prototipica.

Ecco una versione modificata della demo di @ Nitish che mostra la relazione un po 'più chiara: http://jsfiddle.net/TmPk5/6/

Si noti che la variabile di rootScope viene impostata quando il modulo viene inizializzato, quindi ciascuno degli ambiti ereditati ottiene la propria copia che può essere impostata in modo indipendente (la changefunzione). Inoltre, è possibile aggiornare anche il valore di rootScope (la changeRsfunzione in myCtrl2)

angular.module('myApp', [])
.run(function($rootScope) {
    $rootScope.test = new Date();
})
.controller('myCtrl', function($scope, $rootScope) {
  $scope.change = function() {
        $scope.test = new Date();
    };

    $scope.getOrig = function() {
        return $rootScope.test;
    };
})
.controller('myCtrl2', function($scope, $rootScope) {
    $scope.change = function() {
        $scope.test = new Date();
    };

    $scope.changeRs = function() {
        $rootScope.test = new Date();
    };

    $scope.getOrig = function() {
        return $rootScope.test;
    };
});

La condivisione dei dati tra i controller è ciò per cui le fabbriche / i servizi sono molto utili. In breve, funziona in questo modo.

var app = angular.module('myApp', []);

app.factory('items', function() {
    var items = [];
    var itemsService = {};

    itemsService.add = function(item) {
        items.push(item);
    };
    itemsService.list = function() {
        return items;
    };

    return itemsService;
});

function Ctrl1($scope,items) {
    $scope.list = items.list; 
}

function Ctrl2($scope, items) {
    $scope.add = items.add;
}

Puoi vedere un esempio funzionante in questo violino: http://jsfiddle.net/mbielski/m8saa/

angular.module('myApp').controller('myCtrl', function($scope, $rootScope) {
   var a = //something in the scope
   //put it in the root scope
    $rootScope.test = "TEST";
 });

angular.module('myApp').controller('myCtrl2', function($scope, $rootScope) {
   var b = //get var a from root scope somehow
   //use var b

   $scope.value = $rootScope.test;
   alert($scope.value);

 //    var b = $rootScope.test;
 //  alert(b);
 });

DEMO

non trovo alcun motivo per fare questo $ scope.value = $ rootScope.test;

$ scope è già l'eredità del prototipo da $ rootScope.

Vedi questo esempio

var app = angular.module('app',[]).run(function($rootScope){
$rootScope.userName = "Rezaul Hasan";
});

ora puoi associare questa variabile ambito in qualsiasi punto del tag app.

prima memorizza i valori in $ rootScope come

.run(function($rootScope){
$rootScope.myData = {name : "nikhil"}
})

.controller('myCtrl', function($scope) {
var a ="Nikhilesh";
$scope.myData.name = a;
});

.controller('myCtrl2', function($scope) {
var b = $scope.myData.name;
)}

$ rootScope è il genitore di tutto $ scope, ogni $ scope riceve una copia dei dati di $ rootScope a cui puoi accedere usando $ scope stesso.

Se si tratta solo di "accesso in un altro controller", è possibile utilizzare costanti angolari per questo, il vantaggio è; puoi aggiungere alcune impostazioni globali o altre cose a cui vuoi accedere attraverso l'applicazione

app.constant(‘appGlobals’, {
    defaultTemplatePath: '/assets/html/template/',
    appName: 'My Awesome App'
});

e quindi accedervi come:

app.controller(‘SomeController’, [‘appGlobals’, function SomeController(config) {
    console.log(appGlobals);
    console.log(‘default path’, appGlobals.defaultTemplatePath);
}]);

(non testato)

maggiori informazioni: http://ilikekillnerds.com/2014/11/constants-values-global-variables-in-angularjs-the-right-way/

http://astutejs.blogspot.in/2015/07/angularjs-what-is-rootscope.html

 app.controller('AppCtrl2', function ($scope, $rootScope) {
     $scope.msg = 'SCOPE';
     $rootScope.name = 'ROOT SCOPE';
 });

Esistono diversi modi per raggiungere questo obiettivo: -

1. Aggiungere $rootScopein .runmetodo

.run(function ($rootScope) {
    $rootScope.name = "Peter";
});

// Controller
.controller('myController', function ($scope,$rootScope) {
    console.log("Name in rootscope ",$rootScope.name);
    OR
    console.log("Name in scope ",$scope.name);
});

2. Creare un servizio e accedervi in ​​entrambi i controller.

.factory('myFactory', function () {
     var object = {};

     object.users = ['John', 'James', 'Jake']; 

     return object;
})
// Controller A

.controller('ControllerA', function (myFactory) {
    console.log("In controller A ", myFactory);
})

// Controller B

.controller('ControllerB', function (myFactory) {
    console.log("In controller B ", myFactory);
})