0

Estou chamando um serviço da amazon e está dando problema, segue código:

Controller:

app.controller('MainController', ['$scope', 'emails', function($scope, emails) {
emails.success(function(data) {
    $scope.email = data;
});
console.log($scope.email); }]);

Factory:

app.factory('emails', ['$http', function($http) { 
return $http.get('https://s3.amazonaws.com/codecademy-content/courses/ltp4/emails-api/emails.json')
.success(function(data) { 
    return data; 
}) 
.error(function(err) { 
    return err; 
}); }]); 

No console aparece:

TypeError: $http.get(...).success is not a function

O que pode ser?

2 Respostas 2

1

A função success do $http.get só é funcional até a versão 1.4.3 do AngularJS. Para as versões subsequentes, utilize o método then para capturar o resultado da promessa.

Substituindo no seu código:

app.controller('MainController', ['$scope', 'emails', function($scope, emails) {
  emails.then(function(data) {
      $scope.email = data;
      console.log($scope.email);
  });
}]);

E na factory:

app.factory('emails', ['$http', function($http) { 
  return $http.get('https://s3.amazonaws.com/codecademy-content/courses/ltp4/emails-api/emails.json');
}]); 
1
1

O método get do $http retorna uma Promise, segue abaixo a maneira correta para fazer a chamada.

Controller

app.controller('MainController', ['$scope', 'emails', function($scope, emails) {
  emails.then(function(data) {
      $scope.email = data;
      console.log($scope.email);
  });

}]);

Factory

app.factory('emails', ['$http', function($http) {
    return $http.get('https://s3.amazonaws.com/codecademy-content/courses/ltp4/emails-api/emails.json').then(function(data) { 
        return data;
    }, function (error) {
        return error;
    }); 
}]); 
2
  • Desta maneira também deu certo, obrigada Hiago. :) Commented 12/02/2019 às 11:59
  • ;) disponha Rafaela Commented 12/02/2019 às 12:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .