在angularjs中创建全局计数器/自动增量

angular.module('myApp', [])
  .service('counterService', function($rootScope) {
    $rootScope.counter = 0; // 初始化计数器为0
    
    this.incrementCounter = function() {
      $rootScope.counter++; // 自增计数器
    };
    
    this.getCounter = function() {
      return $rootScope.counter; // 获取当前计数器的值
    };
  });

angular.module('myApp')
  .controller('myController', function($scope, counterService) {
    $scope.counter = counterService.getCounter(); // 获取当前计数器的值
    
    $scope.increment = function() {
      counterService.incrementCounter(); // 自增计数器
      $scope.counter = counterService.getCounter(); // 更新计数器的值
    };
  });

<div ng-app="myApp" ng-controller="myController">
  <h1>全局计数器：{{ counter }}</h1>
  <button ng-click="increment()">自增</button>
</div>