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

有什么方法可以在不执行许多 "if" 条件的情况下做到这一点？

Answer 1

试试这个

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

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

Angular 5 - reactive form- is there a way to patch value using a variable?

javascript

typescript

angular

angular-reactive-forms