javascript - Angular 5 - react 形式 - 有没有办法使用变量来修补值？

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”。

有没有办法在不执行许多“if”条件的情况下做到这一点？

Answer 1

尝试这个

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