Posteado por: edeortuzar | 25/07/2016

Combo en IonicFramework – Angular (select)


Si tiene que hacer un combo (select) con una opción que no esta en la lista que traen de su backend y que tiene que hacer que esta opción quede como seleccionada tienen que hacer las siguientes líneas:

<select name="modelo" ng-model="vm.coche" required ng-options="item.Nombre for item in $parent.lista_autos track by item.Codigo">
   <option selected disabled value="">Seleccion&aacute; tu futuro auto</option>
</select>

El $parent.lista_autos es porque utilice $rootScope para mantener la lista en memoria.

Dicha lista tiene como atributos Codigo y Nombre, que son los que se usan en ng-options para cargar el combo.

A la opción que cargo a mano, en este caso Seleccioná tu futuro auto tiene la opción disabled para que no pueda ser seleccionada.

Espero que les sirva.

Saludos.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: