8
votes

Comment obtenir Select2 Tags Initialisation correctement avec UI angulaire lorsque des groupes d'options sont utilisés?

J'essaie d'obtenir ma directive angulaire UI Select2 pour initialiser et avoir été incapable de l'obtenir pour travailler avec des groupes d'options.

le code: xxx

le HTML: xxx

le violon: J'ai créé le suivant jsfiddle .

Tout en le faisant, je remarque qu'il s'initialiserait correctement si j'ai inclus une deuxième directive Select2 qui n'incluait pas les groupes d'options (bizarre). Je remarque un autre comportement étrange lorsque l'incluant le second Select2 mais je ne suis pas trop préoccupé à ce sujet, mon objectif est juste d'obtenir TestCtrl1 fonctionner.

jquery-select2 angularjs angular-ui

2 commentaires

ui-select2 n'est pas testé à fond avec . Essayez d'ouvrir un ticket sur Angulaire-UI / UI-Select (si l'on ne veut pas existe déjà) ou essayez de nous aider à nous attaquer à ce problème.
Je l'ai fait ici: Github.com/angular-ui/angular-ui/issues/ 545 Mais on dirait que cela a été séparé dans un module différent maintenant, alors je l'ai ajouté ici: GitHub.com/angular-ui/ui-Slect2/issues/8

3 Réponses : 1 votes select2 prend en charge via des données hiérarchiques, vous pouvez transmettre un objet structuré comme des données au lieu d'utiliser ng-répéter , voir http://ivaynberg.github.io/select2/#data_array Rechercher également "Exemple de données hiérarchiques" dans la page. JS: xxx html: xxx < p> SementéeOptions sera un tableau d'objets : [{id: 1, texte: 'one'}] < P> Pour passer à travers la directive, voir Démo de l'UI angulaire: http://plnkr.co/edit/gist:4279651?p=preview EDIT: Code de mise à jour et référence au site 2 commentaires Je viens d'essayer cette option: jsfiddle.net/tadchristiansen/x3psb et l'entrée n'est pas initialisée Soit. L'option sélectionnée n'est pas dans la liste déroulante (qui fonctionne correctement) mais elle ne s'affiche toujours pas dans l'entrée Tags. Les pensées? J'ai essayé de définir SemelectionsOptions comme objet mais sans disponibilité. Je me demande si c'est un bogue dans le code de comparaison d'objets, j'ai également mis à jour select2 à 3.3.2 mais sans être disponible. La directive ui-select2 appelait select2 ("DATA") de ce que je vois ( ivaynberg.github.io/select2/#programmatique ). Je pense que la prochaine étape est le débogueur / la journalisation. Mon violon: jsfiddle.net/jhfan/3 4 votes Télécharger la dernière ligne Angulaire Select2 et Update Line 24: XXX Ses supports Supporte les groupes d'options. 0 commentaires 4 votes Eh bien, j'ai eu au même obstacle et je veux partager ma solution. Select2 ne regardait pas l'attribut optgroup ng-répéter. Vous devez ajouter ceci à votre directive angulaire UI Select2. Modifier ceci: xxx à celui: xxx Je ne sais pas si ceci est une solution propre mais cela fonctionne pour moi. GITUB NUMÉRO 0 commentaires

Articles qui pourrait vous intéresser : Select2 ne s'affiche pas correctement dans le mode bootstrap Ecrire de nouvelles balises d'option select2 dans la base de données locale dans express Validation des formulaires Bootstrap et Select2 Convertir une matrice PHP en matrice JavaScript avec SELECT2