Angular 表单：如何清空特定输入框的值

可以使用 Angular 的 FormBuilder 服务来创建和管理表单。要清空表单中的某个值，可以使用 FormControl 的 reset() 方法。

假设我们有一个表单，其中有一个名为'myInput' 的输入框。要清空这个输入框的值，可以按照以下步骤操作：

1. 在组件中导入 FormBuilder 和 FormControl：

import { FormBuilder, FormControl } from '@angular/forms';

2. 在组件的构造函数中注入 FormBuilder：

constructor(private formBuilder: FormBuilder) { }

3. 使用 FormBuilder 创建一个表单：

myForm = this.formBuilder.group({
  myInput: [''] // 设置一个初始值
});

4. 在模板中绑定表单控件：

<form [formGroup]="myForm">
  <input type="text" formControlName="myInput">
</form>

5. 在组件中，使用 FormControl 的 reset() 方法来清空表单中的某个值：

clearInput() {
  this.myForm.get('myInput').reset();
}

现在，当调用 clearInput() 方法时，'myInput' 输入框的值将被清空。