Angulaire UI bootstrap: Type avant de sélectionner plusieurs
Je suis en utilisant angulaire UI bootstrap type-ahead de la directive pour le type-ahead dans une forme
http://angular-ui.github.io/bootstrap/
Je suis aller chercher les enregistrements de serveur distant via $http
service. Il fonctionne très bien.
Cependant, je peux sélectionner un seul élément de la liste à la fois.
Je veux sélectionner plusieurs valeurs dans la liste et afficher tous les élément actuellement sélectionné dans le champ de saisie avec un bouton supprimer comme des balises pour. Les balises sélectionnées sont stockées dans angulaire de la matrice de modèle.
Comment faire ?
J'ai lu la documentation Angulaire UI bootstrap, mais je ne suis pas en mesure de trouver quoi que ce soit.
C'est ce que je cherchais. Juste pour confirmation quelle est la différence entre le type de l'avant et de l'interface utilisateur, sélectionnez. Je demande à propos de logique différence en termes
il y en a beaucoup, j'en suis sûr. INTERFACE utilisateur-Sélectionnez angulaire version native de Select2 (ivaynberg.github.io/select2) et en tant que tel est livré avec beaucoup plus de fonctionnalités. Il est intéressant de noter que l'interface utilisateur de sélectionner les fonctions comme un remplacement global pour toutes les zones de liste déroulante, non pas simplement comme un typeahead.
OriginalL'auteur Syed | 2014-09-23
Vous devez vous connecter pour publier un commentaire.
Ce gars a fait une directive pour cela. Faire exactement ce que vous voulez et c'est même à l'aide de l'interface utilisateur-bottes typeahead.
https://github.com/mbenford/ngTagsInput
OriginalL'auteur m.brand
La meilleure solution que j'ai trouvé pour l'instant est io.sélectionnez
c'est exactement ce dont vous avez besoin, multi-sélectionnez typeahead.
et le balisage est propre et bien trop e.g:
Ce composant est également compatible avec bootstrap et le nouveau bootstrap 4.
OriginalL'auteur Kevin Burton
Dans le fichier js :
À la liste de tous les éléments sélectionnés, utilisez $item avec typeahead-sur-sélectionner et de pousser un tableau pour ex.evtMem. supprimer fn pour supprimer l'élément sélectionné.
HTML :
Utilisez le tableau à la liste de toutes les valeurs de tableau à l'aide de ng-repeat. Outre ajouter supprimer glyphicon de l'image et de la fonction pour supprimer l'élément correspondant.
OriginalL'auteur Raviraj