我如何使用$rootScope存储变量在一个控制器,我想以后在另一个控制器访问?例如:

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

我该怎么做呢?


当前回答

我发现没有理由执行这个$scope。value = $rootScope.test;

$scope已经是$rootScope的原型继承。

请看这个例子

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

现在你可以在app标签的任何地方绑定这个作用域变量。

其他回答

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

在根作用域设置的变量通过原型继承可用于控制器作用域。

以下是@Nitish演示版本的修改版本,可以更清楚地显示两者之间的关系: http://jsfiddle.net/TmPk5/6/

注意,rootScope的变量是在模块初始化时设置的,然后每个继承的作用域都有自己的副本,可以独立设置(change函数)。同样,rootScope的值也可以更新(myCtrl2中的changeRs函数)

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

如果它只是“访问其他控制器”,那么你可以使用角常数,好处是;您可以添加一些全局设置或其他您想在整个应用程序中访问的东西

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

然后像这样访问它:

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

(没有测试)

更多信息:http://ilikekillnerds.com/2014/11/constants-values-global-variables-in-angularjs-the-right-way/

首先将值存储在$rootScope作为

.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是所有$scope的父对象,每个$scope都接收一个$rootScope数据的副本,您可以使用$scope本身访问该副本。

在控制器之间共享数据是工厂/服务非常擅长的。简而言之,它是这样工作的。

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

你可以在这个小提琴中看到一个工作的例子:http://jsfiddle.net/mbielski/m8saa/