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 []
}