在angular2中設置下拉列表的選定值

vatCodeList是字符串代碼的錯誤。例如：['34u'，'23'，'tt'] 需要在那裏設置選定的值。在angular2中設置下拉列表的選定值

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

來源

2017-07-26 Adikari Nadeesha

可能的複製[裝訂選擇元件在角2到對象（https://stackoverflow.com/questions/35945001/binding-select-element-to-object-in -angular-2） –

您可以綁定值屬性這樣

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

來源

2017-07-26 11:10:42

你可以嘗試把一個表達式的選項標籤，使selected

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

變量應該引用一個選項值爲InputControl。使用反應形式可以很容易地提取值並將其放入表達式中。

的元素與ngModel模型綁定，但你可以檢查是否this解決方案幫助最簡單的方法。

來源

2017-07-26 11:22:43

裏面你*.component.ts

public vatCode: any;

您*.component.ts可以的vatCode值設置爲包含在vatCodeList的一個值，這將更新選定值內。

內部的*.component.html

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

來源

2017-07-26 11:36:38

在angular2中設置下拉列表的選定值

回答

相關問題