问题是当我想更改值时,它总是显示第一个选项。
这是我的 html:
<div class="col-lg-4 col-md-4 col-sm-12 mt-4">
<div class="form-group">
<select class="form-control" id="operator-groups" formControlName="operators">
<option disabled selected value>Seleccione</option>
<option *ngFor="let operator of operators; let i = index;">{{operator.desc}}</option>
</select>
</div>
</div>
这是我的组件:
this._operatorgroups.index().subscribe(res => {
let operators = <OperatorGroups[]>res;
this.operators = operators;
this.registerForm.controls['operators'].setValue(res[1].desc);
});
谢谢!
最佳答案
您可以使用[selected]="对于您想要的默认选项结果为真的条件"
例如,如果您想要第一个索引(基于您在组件中的代码),您会喜欢:
<option *ngFor="let operator of operators; let i = index;" [selected] = "i==1">{{operator.desc}}</option>
另一个例子是,如果你想选择 operator desc 'xyz',你会喜欢:
<option *ngFor="let operator of operators; let i = index;" [selected] = "operator.desc == xyz">{{operator.desc}}</option>
关于javascript - 如何在 Angular 7 中设置一个选择选项的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53484993/