Wie verwende ich $ rootScope in Angular zum Speichern von Variablen?

Wie $rootScopespeichere ich Variablen in einem Controller, auf den ich später in einem anderen Controller zugreifen möchte? Beispielsweise:

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

Wie würde ich das machen?

Im Root-Bereich festgelegte Variablen stehen dem Controller-Bereich über die prototypische Vererbung zur Verfügung.

Hier ist eine modifizierte Version von @ Nitishs Demo, die die Beziehung etwas klarer zeigt: http://jsfiddle.net/TmPk5/6/

Beachten Sie, dass die Variable von rootScope beim Initialisieren des Moduls festgelegt wird und dann jeder der geerbten Bereiche eine eigene Kopie erhält, die unabhängig festgelegt werden kann (die changeFunktion). Außerdem kann der Wert des rootScope aktualisiert werden (die changeRsFunktion 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;
    };
});

Der Austausch von Daten zwischen Controllern ist das, wofür Fabriken / Services sehr gut geeignet sind. Kurz gesagt, es funktioniert ungefähr so.

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

Sie können ein funktionierendes Beispiel in dieser Geige sehen: 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

Ich finde keinen Grund, dies zu tun $ scope.value = $ rootScope.test;

$ scope ist bereits eine Prototypvererbung von $ rootScope.

Bitte sehen Sie dieses Beispiel

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

Jetzt können Sie diese Bereichsvariable an eine beliebige Stelle im App-Tag binden.

Speichern Sie zuerst die Werte in $ rootScope als

.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 ist das übergeordnete Element aller $ scope. Jeder $ scope erhält eine Kopie der $ rootScope-Daten, auf die Sie mit $ scope selbst zugreifen können.

Wenn es sich nur um "Zugriff in einem anderen Controller" handelt, können Sie dafür Winkelkonstanten verwenden. Der Vorteil ist: Sie können einige globale Einstellungen oder andere Dinge hinzufügen, auf die Sie während der gesamten Anwendung zugreifen möchten

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

und dann wie folgt darauf zugreifen:

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

(nicht getestet)

Weitere Informationen: 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';
 });

Es gibt mehrere Möglichkeiten, um dies zu erreichen:

1. Fügen Sie $rootScopein .runVerfahren

.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. Erstellen Sie einen Dienst und greifen Sie auf beiden Controllern darauf zu.

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