通过将文本字段id传递给函数TypeScript来清除带有按钮的文本字段

Question

我在网页上有几个按钮，每个按钮都会清除同一行上的文本框。我目前正在为每个按钮使用不同的功能，但我希望能够通过传入文本字段ID来使用单个功能。

我现在拥有：HTML

<div class="col-sm-4">
     <input type="text" class="form-control" id="textField1" formControlName="textField1" />
</div>
      <button class="btn btn-danger" (click)="clearTextField1()"><i class="fa fa-times"></i></button>

和功能：

clearTextField1(): void {
    return this.form.controls["textField1"].setValue('');
}

每个按钮的

等等。如何通过传入文本字段ID来实现单一功能？

Answer 1

只需在点击功能中传递formcontrolname

即可      

  <button class="btn btn-danger" (click)="clearTextField1('textField1')"><i class="fa fa-times"></i></button>

和功能：

clearTextField1(field:String): void {
    return this.form.controls[field].setValue('');
}