4

Olá, tudo bem?

Estou com o seguinte problema. Eu estou fazendo uma requisição RESTful (http.get) e estou gravando o objeto recebido em uma váriavel dentro do $scope. Porém, quando tento acessar esta variável dentro do controller recebo o seguinte erro:

Meu controller:

.controller('chartEvapo', function($http, $scope) {
  $http.get(meurepositorio)
    .success(function(response) {
      angular.forEach(response, function(response) {
        $scope.cityOBJ = response;
      });
    });

    var teste = $scope.cityOBJ.info.etppri;
})

E o erro:

Cannot read property 'info' of undefined

O que acho estranho é que consigo imprimir os valores da seguinte forma:

<div>
  {{cityOBJ.info.etppri}}
</div>

O retorno de console.log(response) é:

 Object{_id: Object, id:"1", info:Object"}
 _id: Object
 id: "1"
 info: Object
 __proto__: Object

EDIT:

Com o seguinte controller tive o seguinte erro:

.controller('chartEvapo', function($http, $scope) {
var teste;

$http
    .get(meurepositorio)
    .success(function(response) {
        $scope.cityOBJ = response;
        atualizaTeste();
    });

// está função ira atualizar a variável teste para você
function atualizaTeste() {
    this.teste = $scope.cityOBJ.info.etppri;
}
});

TypeError: Cannot read property 'etppri' of undefined at atualizaTeste (controllers.js)

EDIT 2: Com o JSON.stringify;

  function atualizaTeste() {
    console.log(JSON.stringify($scope.cityOBJ));
    this.teste = $scope.cityOBJ.info.etppri;
}

Retorno no console:

[{"_id":{"$oid":"5807a914dcba0f490c71818b"},"id":"1","info":{"etppri":[10,112,10,112,10,14,10,112,10,155,142,50],"etppen":["10","11","12","132","3","2","80","60","55","22","112","15"],"etptho":["10","11","12","132","3","2","80","60","55","22","112","15"],"bh":{"ex":["30","30","30","30","30","20","80","30","35","22","30","35"],"pr":["30","30","30","30","30","20","80","30","35","22","30","35"]}}}]

1
  • 1
    Não coloque "Resolvido" no título da pergunta. O mecanismo de marcar como útil já tem essa finalidade. Leia mais aqui Commented 20/10/2016 às 18:56

2 Respostas 2

3

Renan, use seu controller desta maneira para vermos se resolverá o problema.

.controller('chartEvapo', function($http, $scope) {
    var teste;

    $http
        .get(meurepositorio)
        .success(function(response) {
            $scope.cityOBJ = response;
            atualizaTeste();
        });

    // está função ira atualizar a variável teste para você
    function atualizaTeste() {
        this.teste = $scope.cityOBJ[0].info.etppri;
    }
});

Estou pensando que talvez o erro aconteça pelo fato do $http e angular.forEach serem assíncronos

6
  • Tive o seguinte erro: "TypeError: Cannot read property 'etppri' of undefined at atualizaTeste" Commented 20/10/2016 às 18:04
  • @RenanNunesSteinck certo, o erro aconteceu por que info está undefined. experimenta dar um console.log(JSON.stringify($scope.cityOBJ)) antes do this.teste = ... para vermos o que o objeto cityOBJ possui de propriedades. Commented 20/10/2016 às 18:14
  • Retornou isso: [{"_id":{"$oid":"5807a914dcba0f490c71818b"},"id":"1","info":{"etppri":[10,112,10,112,10,14,10,112,10,155,142,50],"etppen":["10","11","12","132","3","2","80","60","55","22","112","15"],"etptho":["10","11","12","132","3","2","80","60","55","22","112","15"],"bh":{"ex":["30","30","30","30","30","20","80","30","35","22","30","35"],"pr":["30","30","30","30","30","20","80","30","35","22","30","35"]}}}]. Commented 20/10/2016 às 18:24
  • @RenanNunesSteinck altere o corpo da função atualizaTeste para this.teste = $scope.cityOBJ[0].info.etppri;. Irei fazer um edit na resposta. O objeto cityOBJ é na verdade um array, dessa forma, precisamos pegar o index 0. Commented 20/10/2016 às 18:28
  • Ótimo, para o que eu preciso isso já é o suficiente, porém, se eu quiser pegar o objeto inteiro, sem ter que identificar o índiceno vetor, é possível? Commented 20/10/2016 às 18:34
2

Isso acontece porque o objeto retornado no callback possui várias propriedades. A que lhe interessa é data, que contém o corpo da resposta retornada.

Altere seu código da seguinte maneira:

$scope.cityOBJ = response.data;

Você pode encontrar mais informações a respeito do objeto de resposta aqui.

4
  • O erro persiste. Quando faço "console.log(response.data) Commented 20/10/2016 às 14:06
  • O erro persiste. Quando faço "console.log(response.data);" aparece "undefined". Commented 20/10/2016 às 14:07
  • @RenanNunesStenck Poderia incluir na sua pergunta o objeto retornado? (console.log(response);)
    – OnoSendai
    Commented 20/10/2016 às 14:08
  • Coloquei o resultado do console.log, Além disso (não sei se ajuda), mas o objeto que estou retornando é apenas um objeto (não um array), estou fazendo um get com o "id" (não _id) como chave de pesquisa. O servidor de banco que estou usando é o mlab. Commented 20/10/2016 às 14:41

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 .