2017-02-03 2 views
1

Ich habe die Autobahnen der Interwebs gesucht und habe keine brauchbare Lösung für mein Problem gefunden.Ionic 2 populate dynamische Optionen mit einer über ngModel

Ich habe diesen Code, der eine dynamische Liste von Optionen aus einer API erstellt und das funktioniert sehr gut.

Diese Anwendung speichert die "Dataset" Informationen in NativeStorage und ruft sie bei der Rückkehr zu dieser Seite ab. Ich muss den Wert der dynamischen Ionenoption auf den zuvor ausgewählten Wert einstellen. Ich habe versucht

ngModel=chosenDataObj.dataset 
[selected]="chosenDataObj.dataset" 
[checked]="foo" 

und eine breite Palette von Variationen von jedem von denen, aber ohne Erfolg. Laut vielen anderen Quellen ist das ngModel der richtige Weg, aber da es mit dem FormBuilder gekoppelt ist, scheint es zu kollidieren und es nicht korrekt zu setzen.

Wenn es irgendeine Hilfe ist, lade ich die gewählteDataObj.dataset über ein Versprechen in den TS-Code und ich weiß, dass der Wert da ist, weil ich es als Platzhalter-Attribut verwenden kann und es wie erwartet funktioniert.

Jede Hilfe in dieser Angelegenheit würde sehr geschätzt werden.

Danke Gemeinde!

+0

Haben Sie eine Antwort gefunden? – gaurang

Antwort

0

Ich habe dieses Problem vor.

Dies ist, was für mich gearbeitet -

den Wert direkt in formGroup Set:

this.form_name.controls['dataset'].setValue(chosenDataObj.dataset) 

je nachdem, wann Sie zum Beispiel zeigen will, wenn Formbuilder geladen ist, ionChange Ereignis oder speichern.

+0

Danke für deine Zeit @suraj aber leider habe ich das schon einmal probiert und es funktioniert auch nicht. Ich habe das Formular selbst protokolliert und der "Wert" zeigt sogar den korrekten Wert, aber es ist nicht am Frontend sichtbar. Ran a updateValueAndValidity und immer noch kein Glück. Irgendwelche Vorschläge? Danke Kumpel –

+0

vielleicht versuchen, ngZone .. https://angular.io/docs/ts/latest/api/core/index/NgZone-class.html –

Verwandte Themen