Typeahead nom de l'objet à l'aide de
Je suis en train de configurer un typeahead
à l'aide de AngularJS & UI Bootstrap comme suit:
.html
<input type="text" ng-model="selectedStuff" typeahead="stuff.name for stuff in stuffs | filter:$viewValue"/>
<span>{{selectedStuff.name}}</span>
<span>{{selectedStuff.desc}}</span>
.js
$scope.stuffs= [
{
"name":"thing1",
"desc":"this is the first thing"
},
{
"name":"thing2",
"desc":"this is the second thing"
}
]
Actuellement, j'ai été en mesure de mettre à jour le modèle avec le nom sélectionné, mais mon objectif est de passer le long de la totalité de l'objet via le typeahead
. Est-il un moyen propre de faire cela en utilisant seulement l'entrée?
OriginalL'auteur Jesse | 2013-04-15
Vous devez vous connecter pour publier un commentaire.
Chose est sûre 🙂
La typeahead directive de http://angular-ui.github.io/bootstrap/ utilise le même super-flexible syntaxe comme AngularJS sélectionnez la directive pour
ng-options
. Donc, vous pourriez écrire:Ici est un travail plunk: http://plnkr.co/edit/5kGZkNPZ7rIFfb4Rvxej?p=preview
Je suis de voir "[Object Object] " dans la zone de saisie parce que j'ai l'instancier dans le contrôleur afin de l'utiliser dans le contrôleur. Si je n'ai pas l'instancier, et c'est pas définie en premier, puis il affiche bien. C'est ma situation. Des idées?
Je vais avoir le même message d'erreur..objet apparaît après cliquetis, morgs32 avez-vous réussi à résoudre ce problème?
Faire quelque chose comme cela
typeahead="item.ItemID for item in items_vendors.items | filter:$viewValue | limitTo:8"
m'a aidé, oùItemID
est ce que je veux afficher.OriginalL'auteur pkozlowski.opensource
J'ai eu le même problème. J'ai résolu en
ici countryList est une liste de pays de l'objet. est un nom de propriété de pays de l'objet. Pour moi il fonctionne très bien.
OriginalL'auteur zahid9i