Javascript 使用Angular进行简单API调用时遇到问题

为什么当我尝试使用这个简单的API调用检索数据时，会出现一个错误，错误是您没有将

response.data.data

分配给该回调之外的任何可用对象。改为这样尝试，返回一个与

用户

数据解析的承诺

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;
    });
};

---

您没有将

response.data.data

分配给该回调之外的任何可用对象。改为这样尝试，返回一个与

用户

数据解析的承诺

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;
    });
};

---

您没有列出错误，您在本地PC上列出了文件的url。也许您在编写问题时剪切并粘贴了错误的信息？它发生在我的控制台日志中。在我的get users函数中，我传入了我的BaseUrl，也就是说，您的服务很可能不会按您期望的方式运行，因为您不能在

中使用
this
。然后
以这种方式回调。console.log中的错误肯定不是
http://127.0.0.1:8080/%7B%7Buser.avatar%7D%7D
没有其他内容；即使是这样，这与代码中的任何内容都不对应。请使用
ng src=“{{{user.avatar}}”
而不是
src=“{{user.avatar}}”
。请看，您没有列出错误，您在本地PC上列出了文件的url。也许您在编写问题时剪切并粘贴了错误的信息？它发生在我的控制台日志中。在我的get users函数中，我传入了我的BaseUrl，也就是说，您的服务很可能不会按您期望的方式运行，因为您不能在
中使用
this
。然后
以这种方式回调。console.log中的错误肯定不是
http://127.0.0.1:8080/%7B%7Buser.avatar%7D%7D
没有其他内容；即使是这样，这与代码中的任何内容都不对应。请使用
ng src=“{{{user.avatar}}”
而不是
src=“{{user.avatar}}”
。看见