javascript - 用Angular进行简单的API调用很麻烦

为什么当我尝试通过此简单的API调用检索数据时出现错误消息http://127.0.0.1:8080/%7B%7Buser.avatar%7D%7D
这是我的controller.js文件

angular.module('userProfiles').controller('MainController', function($scope, mainService) {

  $scope.getUsers = function() {
    mainService.getUsers();
  }
  $scope.getUsers();

});

这是我的services.js文件

angular.module('userProfiles').service('mainService', function($http) {
    var baseUrl = 'http://reqres.in/api/users?page=1';

  this.getUsers = function() {
    return $http({
      method: 'GET',
      url: baseUrl
    }).then(function(response) {
      this.users = response.data.data;
    });
  }
});

最佳答案

您没有将response.data.data分配给该回调以外的任何可用对象。像这样尝试，返回一个用users数据解析的承诺...

this.getUsers = function() {
    return $http.get('http://reqres.in/api/users', {
        params: {page: 1}
    }).then(function(res) {
        return res.data.data;
    });
};

并在您的控制器中

$scope.getUsers = function() {
    mainService.getUsers().then(function(users) {
        $scope.users = users;
    });
};

关于javascript - 用Angular进行简单的API调用很麻烦，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37648334/