如何在Angular中綁定選定項目的文本

我知道如何在AngularJS中做到這一點，但我發現在Angular4.x中很難做到這一點。如何在Angular中綁定選定項目的文本

我有這個;

<select id="taxTypeId" name="taxTypeId" [(ngModel)]="tax.taxType" class="form-control"> 
    <option *ngFor="let tt of taxTypes" value={{tt.id}}>{{tt.name}}</option> 
</select> 
{{tax.taxType.name}}

我想爲所選的任何值綁定選定的文本（名稱屬性）。請幫忙。

來源

2017-09-23 Kacey Ezerioha

我覺得這個問題不清楚。選定的項目將是'tt.id'與'tax.taxType'相同的項目。 –

這就是我想要做的。當從下拉列表中選擇一個項目時，我希望所選文本出現在下拉列表下方。我希望你現在明白 –

我還不確定我完全理解這個問題。它也不清楚如何tax和taxType看起來完全是，但是這可能會做你想要什麼：

<select id="taxTypeId" name="taxTypeId" [(ngModel)]="tax.taxType" class="form-control"> 
    <option *ngFor="let tt of taxTypes" [ngValue]="tt.taxType">{{tt.name}}</option> 
</select> 
{{tax.taxType?.name}}

（使用ngValue而不是value和?前.name可能沒有必要 - 爲了以防萬一，防止錯誤當沒有選中）

來源

2017-09-23 15:33:15

如何在Angular中綁定選定項目的文本

回答

相關問題