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

我希望将所选文本（名称属性）绑定到所选的任何值。请帮忙。

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可能不是必需的 - 以防止在未选择任何内容时出现错误）

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

1 个答案: