Limite Angulaire de l'INTERFACE utilisateur-Bootstrap Typeahead à l'objet spécifique de la propriété
J'ai le texte suivant Angulaire INTERFACE utilisateur-Bootstrap typeahead de travail idéal:
<input class="span2" type="text" ng-model="selectedStuff" typeahead="stuff as stuff.name for stuff in stuffs | filter:$viewValue"/>
Bien, c'est presque de travail trop grande. Je suis en mesure d'afficher le stuffs.name
pour l'application de la typeahead
ET sélectionnez le plein stuff
objet dans stuffs
. Le problème est que mon $viewValue
est la mise en correspondance de toutes les propriétés dans stuff
au lieu de simplement le stuff.name
. J'ai essayé d'ajouter le .name
à divers endroits dans le typeahead
avec pas de chance. Est-il un moyen simple pour afficher et correspondent uniquement aux .name
mais encore de retour de la totalité de l'objet?
Vous devez vous connecter pour publier un commentaire.
La typeahead directive de la http://angular-ui.github.io/bootstrap/ pensions a été de construire afin de bien s'intégrer dans l'existant AngularJS écosystème. Cela signifie que cette directive tente de réutiliser autant que possible de la syntaxe, des filtres et des directives déjà utilisé dans AngularJS.
Revenir à votre question - le filtrage se fait par l'angle du filtre décrit ici: http://docs.angularjs.org/api/ng.filter:filter mentionnés filtre de la syntaxe est assez souple pour limiter les recherches à un ensemble de propriétés:
Veuillez noter:
filter:{name: $viewValue}
De travail débarquez ici: http://plnkr.co/edit/o1qWKq8LSmbbmVaYkOvb?p=preview
filter: {name: $viewValue }
j'ai essayé de la modifier àfilter: $viewValue
et le résultat était le même.filter: $viewValue
, angulaire fondamentalement crée une chaîne JSON de l'objet et de recherches. La syntaxe pkozlowski utilisé recherches que le champ nom. Essai d'utiliser le mot "deuxième" sur le Plnkr ci-dessus. Il ne semble pas où dans le nom des champs. Si vous modifiez comme vous l'avez suggéré, puis "deuxième" montrer le 2ème résultat.