我如何使用$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
});
我该怎么做呢?
当前回答
如果它只是“访问其他控制器”，那么你可以使用角常数，好处是;您可以添加一些全局设置或其他您想在整个应用程序中访问的东西
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/
其他回答
在根作用域设置的变量通过原型继承可用于控制器作用域。
以下是@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;
};
});
首先将值存储在$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本身访问该副本。
http://astutejs.blogspot.in/2015/07/angularjs-what-is-rootscope.html
app.controller('AppCtrl2', function ($scope, $rootScope) {
$scope.msg = 'SCOPE';
$rootScope.name = 'ROOT SCOPE';
});
我发现没有理由执行这个$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
