各フォームコントロールを個別に設定しなくても、角度2の初期化データをリセットする

Question

私は編集モードで開いて適切なデータで初期化するformGroupを持っています。 また、この初期データをeditFormに保存します。

それに変更を行った後、私は初期値に対するすべての変更、のようなものをリセットしたい：

this.formGroup.reset(this.staffToEdit); 

をしかし、このすべては、あらゆる分野での空白入れているん。私が見つけた唯一の回避策は

this.formGroup.reset({field1 : this.editForm.field1}); 
... 

事は、私は各formControlを経由しなくても初期値にすべてのフィールドをリセットし、より汎用的なものが必要であるような何かを行うことです。

これは可能ですか？

Answer 1

私が行うのは、最初の値の参照を保持し、markAsPristine()と一緒に呼び出してを呼び出すだけで、すべてのフォームの値を最初のものに戻し、フォーム全体を初期状態に戻します。

const initialFormValues { 
    firstname: 'Joe', 
    surname: 'Doe' 
}; 

... 

reset() { 
    this.formGroup.patchValue(initialFormValues); 
    this.formGroup.markAsPristine(); 
} 

または私はそれはあなたのケースでのようになります推測しているように：

reset() { 
    this.formGroup.patchValue(this.editForm.value); 
    this.formGroup.markAsPristine(); 
} 

Answer 2

[OK]をので、これは奇妙な相互作用だったが、私は最終的にそれを修正しました。私は、フォームの外ボタンを引っ張った後、私はちょうどngOnInit後に私の初期値を保存し、

<form .. > 
    ..... 
    <div> 
    <button id="resetButton" 
      type="reset" 
      class="btn btn-primary" 
      (click)="resetFormData()"> Reset 
    </button> 
    </div> 
    </form> 

：

this._originalData = this.formGroup.value; 

その後を

は当初、私は、フォーム内の私のリセットボタンを持っていましたリセットしたいときに使用する

protected resetFormData() { 
     this.formGroup.setValue(this._originalData); 
    } 

ボタンをフォームに残しておくと、それを使用できませんoフォームコントロールの値を更新する！