limite angolare UI-Bootstrap typeahead a specifiche proprietà dell'oggetto

Question

Ho il seguente AngularUI-Bootstraptypeahead grande lavoro:

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

però, è quasi lavorando troppo grande. Sono in grado di visualizzare stuffs.name per gli scopi di typeahead E selezionare l'intero oggetto stuff in stuffs. Il problema è che il mio $viewValue corrisponde a tutte le proprietà in stuff anziché solo allo stuff.name. Ho provato ad aggiungere lo .name a vari posti nello typeahead senza fortuna. C'è un modo semplice per visualizzare e abbinare solo lo .name ma restituire ancora l'intero oggetto?

Answer 1

La direttiva typeahead dal repository http://angular-ui.github.io/bootstrap/ è stata creata per adattarsi perfettamente all'ecosistema AngularJS esistente. Ciò significa che questa direttiva tenta di riutilizzare il più possibile la sintassi, i filtri e le direttive già utilizzate in AngularJS.

Torna alla tua domanda - il filtraggio si è fatto da filtro filtro del angolare qui descritto: http://docs.angularjs.org/api/ng.filter:filter sintassi del filtro citato è sufficientemente flessibile per limitare le ricerche a un insieme selezionato di proprietà:

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

Si prega di notare: filter:{name: $viewValue}

lavoro Plunk qui: http://plnkr.co/edit/o1qWKq8LSmbbmVaYkOvb?p=preview