Трудно сделать простой вызов API с Angular

Question

Трудно сделать простой вызов API с Angular

0

Почему, когда я пытаюсь получить данные с помощью этого простого вызова 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;
    });
  }
});

Dominic 06 июнь 2016, в 03:42

Источник

1

Вы не указали ошибку, вы указали URL-адрес файла на локальном ПК. Возможно, вы вырезали и вставили неверную информацию при написании вопроса?
Claies 06 июнь 2016, в 01:12
0

Это произошло в моем журнале консоли. В моей функции get users я передаю свой baseUrl
Dominic 06 июнь 2016, в 01:13
1

При этом ваш сервис, скорее всего, не будет функционировать так, как вы ожидаете, потому что вы не можете использовать this внутри обратного вызова .then таким образом.
Claies 06 июнь 2016, в 01:14
1

ошибка в вашем console.log определенно не http://127.0.0.1:8080/%7B%7Buser.avatar%7D%7D и больше ничего; даже если бы это было так, это ничего не соответствует вашему коду.
Claies 06 июнь 2016, в 01:15
0

Используйте ng-src="{{user.avatar}}" вместо src="{{user.avatar}}" . См. Docs.angularjs.org/api/ng/directive/ngSrc
Phil 07 июнь 2016, в 01:07

Показать ещё 3 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Вы не указали ошибку, вы указали URL-адрес файла на локальном ПК. Возможно, вы вырезали и вставили неверную информацию при написании вопроса?
Это произошло в моем журнале консоли. В моей функции get users я передаю свой baseUrl
При этом ваш сервис, скорее всего, не будет функционировать так, как вы ожидаете, потому что вы не можете использовать this внутри обратного вызова .then таким образом.
ошибка в вашем console.log определенно не http://127.0.0.1:8080/%7B%7Buser.avatar%7D%7D и больше ничего; даже если бы это было так, это ничего не соответствует вашему коду.
Используйте ng-src="{{user.avatar}}" вместо src="{{user.avatar}}" . См. Docs.angularjs.org/api/ng/directive/ngSrc

Phil · Accepted Answer · 2016-06-05T23-50-00.000Z

Вы не присваиваете 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;
    });
};