angularjs - modal - Limitar la tipografía angular UI-Bootstrap a una propiedad de objeto específica

modal bootstrap angularjs

Question

Tengo el siguiente typeahead Angular UI-Bootstrap funcionando muy bien:

<input class="span2" type="text" ng-model="selectedStuff" typeahead="stuff as stuff.name for stuff in stuffs | filter:$viewValue"/>

Aunque, casi está funcionando demasiado bien. Soy capaz de mostrar el stuffs.name para los propósitos de typeahead Y seleccionar el objeto de stuff completo en stuffs . El problema es que mi $viewValue está emparejando todas las propiedades en stuff en lugar de solo stuff.name . He intentado agregar el .name a varios lugares en el typeahead sin suerte. ¿Hay una forma sencilla de mostrar y hacer coincidir solo el .name pero aún así devolver el objeto completo?

Answer 1

La directiva de typeahead de UI-Bootstrap repo fue construida para encajar bien en el ecosistema existente de AngularJS. Esto significa que esta directiva intenta reutilizar todo lo posible la sintaxis, los filtros y las directivas ya utilizadas en AngularJS.

De vuelta a su pregunta, el filtrado se realiza mediante el filtro de filtro de Angular descrito aquí: http://docs.angularjs.org/api/ng.filter:filter La sintaxis del filtro mencionado es lo suficientemente flexible como para limitar las búsquedas a un conjunto seleccionado de propiedades:

typeahead="stuff as stuff.name for stuff in stuffs | filter:{name: $viewValue}"

Tenga en cuenta: filter:{name: $viewValue}

Trabajando plunk aquí: http://plnkr.co/edit/o1qWKq8LSmbbmVaYkOvb?p=preview