反应形式重置，保留状态或不-Angular 6

Question

当您构建一个响应式表单时，例如：

this.addForm = this._fb.group({
  name: ['test'],
  age: ['', Validators.required],
  percentage: ['50', [Validators.required,Validators.max(100)] ] });

重置表单后，它是否保留初始状态； 意义值，验证与否？ （所有或其中任何一个..）

Answer 1

你的验证器会没事的。 这只是“重置”值。

如果您要为 this.addForm 重新分配一个值，那么您当然会丢失它们。

Answer 2

reset会将表单组和子控件的状态设置为pristine和untouched ，并将值设置为null 。 如果您想重置并设置值，您可以尝试这种方式

this.addForm.reset({name : 'test' , percentage : '50' }); // this reset and set value 

如果你形成复杂的你可以试试这种方式

this.addForm = this._fb.group({
  name: ['test'],
  age: ['', Validators.required],
  percentage: ['50', [Validators.required,Validators.max(100)] ] });

this.initValue = this.addForm.value;

复位时

this.addForm.reset(this.initValue);