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