资质 | AngularJS 测验 |第 2 组 |问题 3

题目描述

请简要描述AngularJS中的$rootScope，并举例说明其用法。

答案

在AngularJS中，$rootScope是所有Scope的祖先，也是所有Scope所共享的数据存储区。$rootScope的作用类似于全局变量的概念，它可以被所有的子Scope继承和访问。

可以通过$rootScope定义一些全局共享的变量和方法，这些变量和方法可供程序中的任何地方使用。例如，可以将用户信息放在$rootScope中，这样就可以在多个Controller中访问和修改它。

以下是一个例子：

app.controller('MainCtrl', function($scope, $rootScope) {
  $rootScope.user = {
    name: 'Tom',
    age: 18
  };
});

app.controller('OtherCtrl', function($scope, $rootScope) {
  $scope.user = $rootScope.user;
  $scope.updateAge = function(newAge) {
    $rootScope.user.age = newAge;
  };
});

在上面的例子中，MainCtrl控制器将一个名为user的对象添加到了$rootScope中。而OtherCtrl控制器则通过$scope.user将user对象绑定到该控制器的作用域中，然后通过$scope.updateAge函数来更新$rootScope中的user对象的年龄属性。

通过上面的例子，我们可以看到，$rootScope的最大作用就是在AngularJS的不同控制器之间共享信息。