仅清除单个输入字段angular6模板驱动形式

Question

我在Angular 6中有一个简单的模板驱动表单。在表单提交时，我想从组件文件中只清除1个字段。这有可能吗？表单字段包含#username

Answer 1

您可以使用[(ngModel)]

将输入绑定到变量

<form (ngSubmit)="onSubmit()">
 <input type="text" [(ngModel)]="username" name="username">
 <!-- Other inputs -->
 <button type="submit">Submit</button>
</form>

您将处理组件

中的onSubmit（）

onSubmit(){
  this.username = "";
}

假设您在组件中声明了变量用户名。