Foro

ng-model

0
Hola,  reciban un cordial saludo desde México, soy nuevo en Angular, actualmente estoy tratando haciendo un ejercicio donde tengo una lista q lleno con una consulta a un servicio REST, la lista se llena correctamente. El problema q tengo es cuando doy click a un elemeto de la lista y quiero ver el detalle de ese elemento (li) en un form, mi código está de la siguiente manera:

<!--Vista princial-->
<div class="row"> <div class="col-sm-4 col-md-4"> <div ui-view="List"></div> </div> <div class="col-sm-8 col-md-8"> <div ui-view="Details"></div> </div> </div>

 <!-- Lista de Clientes --> 
<div ng-controller="GetClients as gc"> <br> <input type="search" id="SeekClient" style="width: 90%;" class="form-control" placeholder="Buscar por: RFC o Nombre" ng-model="q"> <br> <div class="row" style="width: 100%; height: auto; overflow-y: scroll;"> <div ng-init="gc.getAllClients()"> <ul ng-repeat="customer in gc.customers | filter:q as results" class="a"> <li id="{{customer.Id}}" ng-click="gc.getOneClient(customer)">  <span>{{customer.Nombre}}</span><br> <span> Id: {{customer.Id}}</span> - <span>RFC: {{customer.Rfc}}</span> </li> </ul> </div> </div></div>
 <!-- formulario de clientes -->
<div ng-controller="GetClients as gc"><form class="form-horizontal" id="formCustomers"> <div class="form-group"> <label class="control-label col-md-2" for="ClientRfc">RFC:</label> <div class="col-md-10"> <input type="text" id="ClientRfc" class="form-control" placeholder="Escribe un RFC" maxlength="13" ng-model="q"/>  </div> </div> <div class="form-group"> <label class="control-label col-md-2" for="ClientNombre">Nombre:</label> <div class="col-md-10"> <input type="text" id="ClientNombre" class="form-control" maxlength="50"  ng-model="gc.nombre"/> </div> </div> </form></div>
 <!-- Contoller -->
(function(){   var GetCustomers = function(ds){ var scope = this; scope.customers; scope.customerbyId;    scope.rfc;    scope.nombre;    scope.calle;
   scope.getAllClients = function(){        scope.customers= ds.query();    };
   scope.getOneClient = function(Customer){         scope.rfc= Customer.Rfc;         scope.nombre = Customer.Nombre;     scope.callle= Customer.Calle;        }; };     GetCustomers.$inject = ['dataService']; angular.module('routerApp').controller('GetClients', GetCustomers);     }());
Me podrían decir q estoy haciendo mal o cómo puedo hacer el binding de la lista(li) al form ?
 De antemano muchas gracias

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.