ng-model
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
<!--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.