Question

我正在使用角度反应式表单，我在表单中有一个下拉菜单，并且正在使用reset方法重置我的表单，当我使用reset选项时，我没有看到下拉菜单正在重置

testing.ts文件：

myMethod() {
  this.myForm.reset();
}

testing.html：

<div>
  <select formControlName="abc" (ngModelChange)="myMethod($event)">
    <option value="">Select</option>
    <option *ngFor="let item of items" [ngValue]="item"> {{item.name}}/>
  </select>
</div>
<button type="button" value="reset" (click)=myMethod() />

当我尝试此操作并单击按钮时，我看到下拉列表显示的是空值，而不是“选择”。

Answer 1

尝试将resetForm（）设置为：

public resetForm() {
 this.myForm.reset({
  abc: 0
 });
}

更改首次选择的默认值：

 <option value="0">Select</option>

如何以角度电抗形式重置下拉菜单

1 个答案: