Integriere Select2 in die Angular2 App
Ich versuche zu integrierenSelect2
in dasAngular2
App Ich baue. Ich habe es geschafft, @ zu bekommselect2
running und meine Mehrfachauswahl werden wie erwartet transformiert. Mein Problem ist jetzt, wie soll ich die ausgewählten Werte erhalten und welches Ereignis soll ich für die Bindung verwenden. Ich habe versucht zu binden(change)
event auf dem select-Element, aber nichts ist passiert. Vielleicht sollte ich ein anderes Event auf dem vom Plugin erstellten benutzenselect2-container
Element
Dasselect2
Plugin ist integriert nachDie Antworten
Jemand versucht, ähnliche Mischung? Ist es möglich, es zum Laufen zu bringen, oder muss ich zu @ wechsel ng2-select Direktive statt?
Aktualisiere
Bonus Frage :) - Auch wenn ich aufgebenselect2
und benutze standard multiple select, wie soll ich den Wert bekommen? Ich habe versucht, es mit @ an eine Eigenschaft zu bind[(ngModel)]="_selectedValues"
aber es bleibt leer, wenn ich eine Option wähle. Ist das Kontrollkästchen für Mehrfachauswahl die einzige Möglichkeit für Mehrfachauswahl?
Update 2
Für die Bonusfrage - die Problemumgehung bestand darin, eine Einweg-Ereignisbindung wie @ zu verwende(change)="selectedValues=$event.target.selectedOptions"
. Dann habe ich ein @ hinzugefüsetter
für dasselectedValues
Eigenschaft wie folgt:
public set selectedValues(value: Array<any>) {
this._selectedValues.length = 0;
for(let v of value){
this._selectedValues.push(v.value);
}
};