Angular2 wählen Sie "Standard" erste option
Wie wähle ich die erste option in einem select-standardmäßig im Winkel 2 den folgenden code nicht zu funktionieren scheint.
<select id="sType" class="form-control" [(ngModel)]="params.searchType">
<option *ngFor="let t of sTypes" [ngValue]="t.value" [attr.selected]="$index == 0 ? true : null">{{t.name}}</option>
</select>
InformationsquelleAutor lars1595 | 2016-12-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie wählen Sie die erste option standardmäßig mit index-Wert.
InformationsquelleAutor Amruth LS
Diese Werke für eckige 4.1.3:
InformationsquelleAutor Adolfo
Reaktive form-Steuerelemente
Können Sie auch festlegen, Wert in Komponente mit rform.Kontrollen
InformationsquelleAutor Kishan Sanghani
versuchen Sie es mit dieser
in controller/component-Verwendung-
InformationsquelleAutor Viplock
Eine weitere Lösung ist die benutzerdefinierte Richtlinie, die hören
<option>
s Liste der änderungen und wählen Sie das erste Element, falls nichts ausgewählt ist.Und dann können Sie es mit
<select>
element wie diesem:InformationsquelleAutor Alex Che
Oder einfach so 🙂
Genießen !
InformationsquelleAutor Mikhaël Gerbet
Wenn Sie Model Driven Formen Sie können die ausgewählten default-Wert Ihrer
<select>
in der Komponente (ngOnInit()
)componenet.Datei.ts
component.file.html
[Beispiel]
InformationsquelleAutor BERGUIGA Mohamed Amine
CDM ist ein array von Objekten, wobei ein Objekt hat die Id-und Name-Attribut. Und selectedCDM gesetzt, um erste element des CDM array
InformationsquelleAutor Dipendu Paul
Du vermischt zwei Dinge, die nicht zusammen arbeiten, da Sie zu Konflikten: ngModel und ausgewählt werden. Wenn Sie binden mit params.searchType Sie initialisiert werden, params.searchType zu den Standard-Wert, den Sie möchten:
diese.params.searchType = sTypes[0];
InformationsquelleAutor mjassani