テキストフィールドIDを関数に渡すことでボタンでテキストフィールドをクリアするTypeScript

Question

Webページに複数のボタンがあり、それぞれ同じ行のテキストボックスをクリアします。私は現在、各ボタンごとに異なる機能を使用していますが、テキストフィールド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

は、クリックするだけの機能

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

と機能にformcontrolnameを渡す：

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