AngularJS 从服务加载数据

AngularJS是一种流行的JavaScript框架，用于构建Web应用程序。它提供了一种方便的方式来从服务加载数据，以便在应用程序中使用。在本文中，我们将讨论如何使用AngularJS从服务加载数据，并提供一个案例代码来说明。

javascript
// 在控制器中注入$http服务
app.controller('MainController', ['$scope', '$http', function($scope, $http) {
  // 发送GET请求
  $http.get('/api/data').then(function(response) {
    // 将返回的数据存储在作用域中
    $scope.data = response.data;
  });
}]);

javascript
// 创建一个名为userService的服务
app.service('userService', ['$http', function($http) {
  this.getUsers = function() {
    return $http.get('/api/users').then(function(response) {
      return response.data;
    });
  }
}]);
// 在控制器中注入userService服务
app.controller('MainController', ['$scope', 'userService', function($scope, userService) {
  // 调用userService的getUsers方法来加载用户数据
  userService.getUsers().then(function(data) {
    $scope.users = data;
  });
}]);