1

Olá estou buscando umas informações em um banco de dados local com o seguinte código:

var app = angular.module('app',[]);

app.controller('conexao',function($scope, $http){
    $scope.names = [];
    $http.get('http://localhost/angular/conect/connect.php').then(function successCalback(response){
            $scope.names = response.data;
            console.log($scope.names);
        },
        function errorCallback(response){
            console.error('Erro ' + response);
        });
});

Para ser exibido aqui:

<body ng-controller="conexao">
    <table>
        <tr ng-repeat="x in names">
            <td>{{x.nome}}</td>
            <td>{{x.idade}}</td>
            <td>{{x.cor}}</td>
        </tr>
    </table>
</body>

Porém tudo que eu consigo é uma tela vazia, embora o console me retorne:

>Object {records: Array[2]}

E mais essa mensagem:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.

Quero entender o que está acontecendo e saber como resolver isso.

Print dos Objects:

1 Resposta 1

2

A resposta vem dentro de um Object chamado 'records'. Tente fazer assim:

$scope.names = response.data.records;

Ou então diretamente em seu ng-repeat assim:

ng-repeat="x in names.records"

Quanto a sua outra dúvida, veja se este tópico resolve.

Caso não resolva, tente utilizar o seu $http deste modo:

$http.get('angular/conect/connect.php').then(
    function (response){
        $scope.names = response.data;
        console.log($scope.names);
    },
    function (responseErro){
        console.error('Erro ' + responseErro);
    }
);
10
  • Usando essa forma ele retorna: [Object, Object]. Quanto ao outro tópico estou tentando entender as soluções, me parecem meio vagas. lá estão comentando de Jquery e não estou usando nada de Jquery aqui. 25/11/2015 às 22:14
  • Ok, focando no primeiro problema. Ainda assim você não conseguiu exibir? Coloquei mais uma opção em minha resposta, dê uma olhada. 25/11/2015 às 22:16
  • 1
    Note que o seu object possui os campos com a primeira letra maiúscula. Mude isso no seu html também. x.Nome, x.Idade e x.Cor =D 25/11/2015 às 22:43
  • 1
    Ali seria por ser um processo case sensitive, ou seja, se é maiúsculo ou minúsculo, faz diferença. Agora sobre o seu outro problema, vou fornecer um modelo de $http.get que eu utilizo. Acredito que o seu problema esteja acontecendo pois você está passando a url completa no processo. 25/11/2015 às 22:49
  • 1
    Tudo que estou encontrando é a respeito de jQuery também. Agora estou sem tempo, mas vou ver se consigo uma resposta para você sobre isso. 25/11/2015 às 23:14

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 .