Angular 2: Wie erhalte ich den ausgewählten Wert aus verschiedenen Optionen eines Formulars?

8

Ich möchte ein <select> in einem Formular verwenden, damit der Benutzer Werte zwischen verschiedenen <option> aktualisieren kann. Ich habe die Technik aus dem Leitfaden hier verwendet: Ссылка . Hier ist die Probe, über die ich spreche:

%Vor%

In meiner order-details.component habe ich eine updateOrder () welche die updateOrder () von myApp.services aufruft.

Mein Problem ist, wenn ich versuche, die Daten vom Formular an das Backend zu senden: alle Teile mit <input> sind OK, aber nicht die mit <select> (es gibt die ursprünglichen Werte zurück und nicht der eine ausgewählt).

Hat jemand dieses oder ein ähnliches Problem entdeckt? Danke für Ihre Hilfe!

    
Yannick Morel 22.01.2016, 15:26
quelle

3 Antworten

20

Es gibt eine Möglichkeit, den Wert aus verschiedenen Optionen zu erhalten. schau dir das bottler

an

component.html

%Vor%

component.ts

%Vor%     
Mubashir 23.01.2016, 19:19
quelle
3

Dieses Problem wurde für einige Stunden angegangen.

In der (unvollständigen) Dokumentation wurde nach einem Element in der Seite NgSelectOption namens "ngValue"

gesucht

Nicht sicher, ob dies der beabsichtigte Verwendungszweck ist, aber es schien gut zu funktionieren.

Also statt

zu verwenden %Vor%

Verwenden:

%Vor%

Verwenden Sie einfach ngModel für das select- und ngModelChange-Ereignis, wenn Sie etwas ändern möchten, wenn es geändert wird.

    
Jason 09.04.2016 05:40
quelle
1

Tatsächlich kann ich Ihr Problem nicht reproduzieren. Ich habe ein Plunkr mit einem sehr einfachen Formular mit einem input und einem select erstellt. Wenn ich das Formular absende, habe ich tatsächliche Werte in dem gebundenen Objekt. Sieh diesen Plunkr: Ссылка .

Fühlen Sie sich frei, mir zu sagen, wenn ich Ihr Problem nicht richtig verstanden habe.

Thierry

    
Thierry Templier 22.01.2016 15:58
quelle