Wie wird Platzhalter (leere Option) in Select Control in Angular 2 angezeigt?

11

Ich habe diesen Code in meiner Vorlage:

%Vor%

In meiner Komponente:

%Vor%

Das funktioniert ok, aber am Anfang habe ich eine leere Box. Ich möchte dort eine Platzhalter-Nachricht anzeigen. Wie kann ich das mit ngModel machen?

    
Leantraxxx 02.08.2016, 15:59
quelle

5 Antworten

17

Meine Lösung:

In der Komponententypscript-Datei füge ich eine Eigenschaft selectUndefinedOptionValue hinzu, die ich nicht initialisiere, und im html füge ich den undefinedSelectOptionValue als Wert der Platzhalteroption hinzu. Diese Lösung funktioniert sowohl für Zahlen- als auch für Stringmodelleigenschaften.

%Vor% %Vor%
    
MeTTe 23.12.2016, 15:04
quelle
5

probiere diesen Code:

%Vor%     
Rodion Golovushkin 15.11.2016 11:06
quelle
5

Ich habe die gleiche Frage, und ich fand ein Beispiel auf dieser großartigen Website: Winkelschneller Tipp

auch, ich gebe das Beispiel unten:

%Vor%

Funktioniert auch mit reaktiven Formen, das ist was ich benutze:

%Vor%

Danke Netanel Basal , um die Antwort zu geben

    
Ricardo Martínez 07.09.2017 10:48
quelle
2

Eine leere Option hinzufügen und auf 'undefiniert' setzen kann auch für Null-Wert hinzugefügt werden

%Vor%     
Serkan KONAKCI 02.05.2017 21:47
quelle
-4

Haben Sie versucht, placeholder="Your placeholder string" in das select- oder option-Tag zu setzen?

Ich nehme an, dass die Zeichenfolge durch eine Variable ersetzt werden kann, wenn Sie die Zeichenfolge in Ihrer Ansicht nicht hart codieren möchten.

    
Kriss 02.08.2016 16:10
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Angular 2 RC5: Kann nicht an 'ngFor' binden, da es keine bekannte Eigenschaft von ist