Legen Sie den ausgewählten Wert des Dropdowns in angular2 fest.

Question

vatCodeList ist ein Fehler mit Zeichenfolgencodes. Beispiel: ['34u', '23', 'tt'] Müssen Sie den ausgewählten Wert dort festlegen.

<select class="custom-select" formControlName="vatCode">    
      <option *ngFor="let i of vatCodeList">{{i}}</option>   
</select> 

Answer 1

Sie können den Wert Eigenschaft binden wie diese

<option [value]="i" *ngFor="let i of vatCodeList">{{ i }}</option> 

Answer 2

Sie können versuchen, einen Ausdruck in den Option-Tag setzen eine Option sollte selected

<select class="custom-select" formControlName="vatCode">    
      <option *ngFor="let i of vatCodeList" {{i == vatCode?'selected':'' }}>{{i}}</option>   
</select> 

Die Variable die Referenz zu machen Wert der InputControl. Mit reaktiven Formen wäre es einfach, den Wert zu extrahieren und auszudrücken.

---

Der einfachste Weg, um das Element zu dem Modell mit ngModel aber Sie überprüfen können, zu binden, wenn this Lösung hilft.

Answer 3

In Ihrem *.component.ts

public vatCode: any; 

In Ihrem *.component.ts Sie den Wert vatCode zu einer der Werte innerhalb vatCodeList enthaltenen einstellen können, wird dies den gewählten Wert aktualisieren.

Im Inneren des *.component.html

<select class="custom-select" formControlName="vatCode" [(ngModel)]="vatCode">    
    <option *ngFor="let i of vatCodeList">{{i}}</option>   
</select>