AngularJS GlobalCtrl vs $rootScope vs Service

AngularJS是一个流行的JavaScript框架，用于构建Web应用程序。在AngularJS中，有几种不同的方式来共享数据和功能，其中包括使用GlobalCtrl、$rootScope和Service。本文将介绍这三种方法的区别，并提供一些案例代码来说明它们的用法和优劣势。

javascript
angular.module('myApp', [])
  .controller('GlobalCtrl', function($scope) {
    $scope.sharedData = 'Hello, world!';
  })
  .controller('Ctrl1', function($scope) {
    // 使用GlobalCtrl中的共享数据
    $scope.data = $scope.sharedData;
  })
  .controller('Ctrl2', function($scope) {
    // 使用GlobalCtrl中的共享数据
    $scope.data = $scope.sharedData;
  });

javascript
angular.module('myApp', [])
  .run(function($rootScope) {
    $rootScope.sharedData = 'Hello, world!';
  })
  .controller('Ctrl1', function($scope, $rootScope) {
    // 使用$rootScope中的共享数据
    $scope.data = $rootScope.sharedData;
  })
  .controller('Ctrl2', function($scope, $rootScope) {
    // 使用$rootScope中的共享数据
    $scope.data = $rootScope.sharedData;
  });

javascript
angular.module('myApp', [])
  .service('SharedService', function() {
    this.sharedData = 'Hello, world!';
  })
  .controller('Ctrl1', function($scope, SharedService) {
    // 使用SharedService中的共享数据
    $scope.data = SharedService.sharedData;
  })
  .controller('Ctrl2', function($scope, SharedService) {
    // 使用SharedService中的共享数据
    $scope.data = SharedService.sharedData;
  });