通过将文本字段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(''); 
}