如何在Angular中绑定选中项目的文本

Question

我知道如何在AngularJS中做到这一点，但我发现在Angular4.x中很难做到

我有这个；

<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}}

我想为选定的任何值绑定选定的文本(name属性)。请帮帮忙。

Answer 1

我仍然不确定我是否完全理解了这个问题。也不清楚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之前的?可能不是必需的-只是为了防止在未选择任何内容时出现错误)