Ich habe versucht, meine eckige ui select2-Direktive zu initialisieren und konnte sie nicht mit Optionsgruppen arbeiten lassen.
Der Code:
%Vor%Der HTML-Code:
%Vor%Die Geige: Ich habe folgendes jsfiddle erstellt.
Dabei stelle ich fest, dass es korrekt initialisiert würde, wenn ich eine zweite select2-Anweisung, die die Optionsgruppen nicht enthält, hinzufüge (seltsam). Ich bemerke ein anderes merkwürdiges Verhalten, wenn ich das zweite select2 einschließe, aber ich bin nicht allzu besorgt darüber, da mein Ziel nur ist, testCtrl1 zum Laufen zu bringen.
Nun, ich bin auf das gleiche Hindernis gestoßen und möchte meine Lösung teilen. Select2 beobachtete das optgroup ng-repeat-Attribut nicht. Sie müssen dies zu Ihrer eckigen ui select2-Direktive hinzufügen.
Ändern Sie dies:
%Vor%Dazu:
%Vor%Nicht sicher, ob dies eine saubere Lösung ist, aber es funktioniert für mich.
select2 unterstützt <optgroup> durch hierarchische Daten, Sie können ein strukturiertes Objekt als Daten übergeben, anstatt ng-repeat zu verwenden, siehe
Ссылка
Suchen Sie auch nach "Example Hierarchical Data" auf der Seite.
JS:
%Vor%HTML:
%Vor% selectedOptions ist ein Array von Objekten : [ {id: 1, text: 'one'} ] .
Informationen zur Pass-Through-Funktion finden Sie in der Demo zu Angular UI:
Ссылка
EDIT: Update-Code und Verweis auf die Site
Tags und Links angularjs jquery-select2 angular-ui