1

No sistema que eu estou desenvolvendo, vai ter um campo input para o usuário pesquisar se tal CPF já existe cadastrado no Banco de Dados, se tiver eu quero mostrar todos os dados desse cliente em um formulário já preenchido

Essa é a função que faz a pesquisa no banco de dados e retorna a consulta

$scope.PesquisarCpf = function () {

$http.post("http://GetCpf.php", {'cpf':$scope.cliente.cpf,}).
               success(function(data, status, headers, config){
                 $scope.contratos = data;
               }).error(function(data, status, headers, config){
                 location.href="#/Cliente"

               });
}
3
  • E qual é o problema? O que você esta obtendo? Como o que você obtém diverge do esperado? 16/08/2015 às 22:58
  • Eu obtenho os dados do cliente referente ao tal cpf pesquisado, por exemplo, </br> CEP: "0000000" CIDADE: "xxxxx" </br> COMPLEMENTO: "xxxxxx" </br> CPF: "123.456.789-99" </br> DTNASCIMENTO: "xxxxxx" </br> ID_CLIENTE: "1" </br> NOME: "xxxxxx" </br> NOME_MAE: "xxxxxxxx" </br> NOME_PAI: "xxxxxx" <br/> e esses dados eu quero mostrar em um formulário html 16/08/2015 às 23:18
  • 1
    Pelo que verifiquei você está retornar uma string, toda separada por <br/>, seria interessante se você retornasse um JSON do servidor, assim você poderia fazer bind com o ng-model e exibir cada informação em um campo de input. se não tiver posibilidade você poderia jogar essa string em um campo uma propriedade e fazer bind com um campo de texto. 17/08/2015 às 19:33

2 Respostas 2

1

Para preencher o valor de acordo com o modelo, basta usar a diretiva ngModel:

<input type="text" ng-model="contratos.cep" />
<input type="text" ng-model="contratos.cidade" />

Lembrando que o valor retornado do PHP deve ser um objeto JSON.

3
  • Mas eu quero que mostre dentro dos campos do formulário 17/08/2015 às 3:37
  • Então, é isso mesmo, postei como exemplo estes campos, que podem estar dentro de um form. 17/08/2015 às 11:32
  • Você pode fazer assim também <input type="text" name="cep" value="{{contratos.cep}}"> mas não é o correto. 20/08/2015 às 13:33
1

Imaginando que vc tenha um Input do cpf do usuário no seu form, e a sua function "PesquisarCpf" retorna os dados do usuário.

<input type="text" 
       ng-model="cpf"
       ng-model-options="{ debounce: 1000 }" // para ter um delay de um segundo para executar a função
       ng-change="PesquisarCpf(cliente.cpf)" />

no seu scope eu só alteraria a passagem de parâmetro, por boas práticas, nunca passe $scope no parâmetro, como pode notar o ng-change passa o parâmetro pela chamada da função, vc tem acesso ao scope no próprio html.

$scope.PesquisarCpf = function (cpf) {

$http.post("http://GetCpf.php", {"cpf": cpf,}).
               success(function(data, status, headers, config){
                 $scope.contratos = data;
               }).error(function(data, status, headers, config){
                 location.href="#/Cliente"

               });
}

Se não ficou claro o exemplo, posso criar para você um exemplo mais prático no Plunker.

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 .