在angular 8中，如何在模板驱动的表单中点击" clear“按钮来清除文本字段？

在Angular 8中，你可以通过以下步骤在模板驱动的表单中点击“clear”按钮来清除文本字段：

1. 首先，确保你已经在Angular项目中引入了FormsModule模块。在app.module.ts文件中添加以下导入语句：

import { FormsModule } from '@angular/forms';

并将FormsModule添加到@NgModule装饰器的imports数组中。

1. 在模板中，为要清除的文本字段绑定一个双向数据绑定属性。例如，如果你有一个名为"username"的文本字段，可以使用[(ngModel)]指令将其绑定到一个组件属性：

<input type="text" [(ngModel)]="username" name="username">

1. 在模板中添加一个"clear"按钮，并将其点击事件绑定到一个组件的方法。例如，你可以使用(click)指令将按钮的点击事件绑定到clearInput方法：

<button (click)="clearInput()">Clear</button>

1. 在组件类中，定义clearInput方法来清除文本字段的值。在该方法中，将文本字段的绑定属性重置为空字符串或null。例如，可以将username属性重置为空字符串：

export class YourComponent {
  username: string;

  clearInput() {
    this.username = '';
  }
}

这样，当点击"clear"按钮时，clearInput方法将被触发，将文本字段的值重置为空字符串，从而实现清除文本字段的效果。

请注意，以上代码示例仅针对清除单个文本字段。如果你有多个文本字段需要清除，你可以按照相同的模式为每个字段添加绑定和clearInput方法。