Làm cách nào để sử dụng $ rootScope trong Angular để lưu trữ các biến?

Làm cách nào để sử dụng $rootScopeđể lưu trữ các biến trong bộ điều khiển mà tôi muốn truy cập sau này trong bộ điều khiển khác? Ví dụ:

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

Làm thế nào tôi sẽ làm điều này?

Các biến được đặt ở phạm vi gốc có sẵn cho phạm vi điều khiển thông qua kế thừa nguyên mẫu.

Đây là phiên bản sửa đổi của bản demo của @ Nitish cho thấy mối quan hệ rõ ràng hơn một chút: http://jsfiddle.net/TmPk5/6/

Lưu ý rằng biến của rootScope được đặt khi mô-đun khởi tạo, và sau đó mỗi phạm vi được kế thừa sẽ có bản sao riêng có thể được đặt độc lập ( changehàm). Ngoài ra, giá trị của rootScope cũng có thể được cập nhật ( changeRshàm trong 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;
    };
});

Chia sẻ dữ liệu giữa các bộ điều khiển là những gì Nhà máy / Dịch vụ rất tốt. Nói tóm lại, nó hoạt động như thế này.

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

Bạn có thể thấy một ví dụ hoạt động trong fiddle này: 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);
 });

BẢN GIỚI THIỆU

tôi thấy không có lý do gì để làm điều này $ scope.value = $ rootScope.test;

$ scope đã là kế thừa nguyên mẫu từ $ rootScope.

Xin vui lòng xem ví dụ này

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

bây giờ bạn có thể liên kết biến phạm vi này ở bất kỳ đâu trong thẻ ứng dụng.

đầu tiên lưu trữ các giá trị trong $ rootScope dưới dạng

.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 là cha mẹ của tất cả $ scope, mỗi phạm vi $ nhận được một bản sao dữ liệu $ rootScope mà bạn có thể truy cập bằng chính phạm vi $.

Nếu nó chỉ là "truy cập trong bộ điều khiển khác" thì bạn có thể sử dụng hằng số góc cho điều đó, lợi ích là; bạn có thể thêm một số cài đặt chung hoặc những thứ khác mà bạn muốn truy cập trong suốt ứng dụng

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

và sau đó truy cập nó như:

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

(không kiểm tra)

thông tin thêm: http://ilikekillnerds.com/2014/11/constants-values-global-variabled-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';
 });

Có nhiều cách để đạt được điều này: -

1. Thêm $rootScopevào .runphương thức

.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. Tạo một dịch vụ và truy cập nó trong cả hai bộ điều khiển.

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