在angular2中设置下拉列表的选定值

问题描述：

vatCodeList是字符串代码的错误。例如：['34u'，'23'，'tt'] 需要在那里设置选定的值。在angular2中设置下拉列表的选定值

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

可能的复制[装订选择元件在角2到对象（https://*.com/questions/35945001/binding-select-element-to-object-in -angular-2） –

答

您可以绑定值属性这样

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

答

你可以尝试把一个表达式的选项标签，使selected

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

变量应该引用一个选项值为InputControl。使用反应形式可以很容易地提取值并将其放入表达式中。

的元素与ngModel模型绑定，但你可以检查是否this解决方案帮助最简单的方法。

答

里面你*.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>

在angular2中设置下拉列表的选定值

相关推荐