Angular 5-反應形式-是否可以使用變量修補值？

Question

我有一個包含許多字段的表單組：

    this.addressForm = this.formBuilder.group({
        line1: ['', Validators.required],
        line2: '',
        line3: '',
        line4: '',
        line5: '',
        line6: '',
        line7: '',
        line8: '',
    });

在我的html中，我對每個formControl都有一個表單字段，並在其附近有一個按鈕可以清除該表單控件。

                <mat-form-field>
                    <mat-label>line 1</mat-label>
                    <input matInput formControlName="line1" type="text">
                    <button type="button" (click)="clearLine('line1')">
                    </button>
                </mat-form-field>

如何編寫一個通用方法來獲取表單控件的名稱並清除它？

我嘗試這個

clearLine(line) {
    this.addressForm.patchValue({line: ''});
}

但這不起作用，因為它搜索了一個formControl名稱“ line”。

有沒有執行許多“如果”條件就可以做到這一點的方法嗎？

Answer 1

嘗試這個

clearLine(line) {
    this.addressForm.patchValue({[line]: ''}); // added []
}