制作有效的表格Angular 6

Question

使用此方法时，我需要重设表单

 public static resetDescriptionFields(i: any, component: any) {
            var formItens = component.form.get('itens') as FormArray;
            var itemDescription = formItens.controls[i].get('description');
            itemDescription.get('descriptionProduct').reset();
            itemDescription.get('destination').reset();
            formItens.updateValueAndValidity();
        }

谁将表格有效？

Answer 1

如果您使用的是反应式表单，则可以将表单重置为有效状态

更新：您可能还需要将默认值存储到变量中

public yourForm: FormGroup;

let yourDefaultState = {} // some object;

然后输入您的重置表单值

this.yourForm.reset(this.yourDefaultState);
this.yourForm.markAsPristine();
this.yourForm.markAsUntouched();