Javascript “选择图元”无法正确重置

我正在构建一个angular 4应用程序。在那里，我有一个表单，它在一个框中包含一个select元素

<div class="form-group">
   <label for="designation">Designation</label>
   <select [class.red-border]="registerUser.controls.designation.invalid && registerUser.controls.designation.touched" formControlName="designation" class="form-control">
      <option   value="">Select</option>
      <option *ngFor="let designation of designations"  value="{{designation}}">{{designation}}</option>
   </select>
</div>

如何重新设置表单

submit_user = ():void=>{
     if(this.registerUser.valid){
           console.log("register user form submited")
           this.registerUser.reset();
       }
  }

---

为什么它会变为空而不是返回选择

this.registerUser.reset({
    designation: ""
});

---

有趣的是，因为“值设置为null”。将选项值设置为null也有效：

<select>
    <option value="null">Select</option>
    <option>Option 1</option>
</select>

挑选
选择1

---

“为什么它会变空而不是返回选择”它的含义？当前正在发生的情况以及您想要什么输出？

<select>
    <option value="null">Select</option>
    <option>Option 1</option>
</select>