1

Tenho dados em meu controller que quero jogar em meu formulário. Como posso jogar estes dados para meu formulário?

Vou exemplificar:

Os dados de meu controller são estas variáveis:

$scope.endereco_gps = window.localStorage.getItem("endereco_gps");

var resultado = $scope.endereco_gps.split(',');
var rua = resultado[0];
var bairro = resultado[1];
var cidade_estado = resultado[2];
var cep = resultado[3];

Como dá pra ver, são de um formulário de cadastro, gostaria de auto preencher estes campos com estes resultados.

Meu formulário está mais ou menos assim:

<label class="item item-input item-floating-label"> 
    <span class="input-label">CEP</span>
    <input type="number"class="form_control" ng-model="usuario.cep" name="cep_temp" placeholder="CEP"  />
    <span class="assertive" ng-show="formCadastroUser.cep.$invalid && formCadastroUser.cep.$dirty">Digite o CEP.</span>
</label>

<label class="item item-input item-floating-label">
    <span class="input-label">Endereço</span>
    <input type="text" class="form_control" ng-model="usuario.endereco" name="endereco" placeholder="Endereço" ng-required="true" />
    <span class="assertive" ng-show="formCadastroUser.endereco.$invalid && formCadastroUser.endereco.$dirty">Digite seu endereço.</span>
</label>

<label class="item item-input item-floating-label">
    <span class="input-label">Número</span>
    <input type="text" ng-model="usuario.numero" name="numero" placeholder="Número" ng-required="true" />
    <span class="assertive" ng-show="formCadastroUser.numero.$invalid && formCadastroUser.numero.$dirty">Digite o número de seu endereço.</span>
</label>

<label class="item item-input item-floating-label">
    <span class="input-label">Complemento.</span>
    <input type="text" class="form_control" ng-model="usuario.complemento" name="complemento" placeholder="Digite o complemento de seu endereço." />
</label>

<label class="item item-input item-floating-label">
    <span class="input-label">Bairro</span>
    <input type="text" class="form_control" ng-model="usuario.bairro" name="bairro" placeholder="Bairro" />
    <span class="assertive" ng-show="formCadastroUser.bairro.$invalid && formCadastroUser.bairro.$dirty">Campo obrigatório.</span>
</label>

<label class="item item-input item-floating-label">
    <span class="input-label">Cidade e Estado</span> 
    <input type="text" class="form_control" ng-model="usuario.cidade" name="cidade" placeholder="Cidade e Estado" />
    <span class="assertive" ng-show="formCadastroUser.cidade.$invalid && formCadastroUser.cidade.$dirty">Campo obrigatório.</span>
</label>
1
  • 1
    var cep = resultado[3]; usuario.cep = cep;. Assim.
    – Jéf Bueno
    Commented 17/04/2017 às 12:04

1 Resposta 1

3

Como já existe a diretiva ng-model apontando para $scope.usuario.cep, só é preciso atribuir um valor a $scope.usuario.cep e deixar que o two-way data binding faça a sua magia.

angular.module('teste-app', []);

angular.module('teste-app').controller('mainController', mainControllerFn);

function mainControllerFn($scope){
  var resultado = ['Rua teste', 'Centro', 'Cidade-ES', 8888887];

  var cep = resultado[3];

  $scope.usuario = {};
  $scope.usuario.cep = cep;      
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="teste-app" ng-controller="mainController as mainCtrl">      
  <label class="item item-input item-floating-label">
    <span class="input-label">CEP</span>
    <input type="number"class="form_control" ng-model="usuario.cep" name="cep_temp" placeholder="CEP"  />
    <span class="assertive" ng-show="formCadastroUser.cep.$invalid && formCadastroUser.cep.$dirty">Digite o CEP.</span>
  </label>
</div>

0

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 .