Angular4のFormGroupを元の状態にリセットするにはどうすればいいですか？

Question

私はAngular4より特異的な反応型を学んでいます。私はヒーローズのデモを実行していた、と私は何かに立ち往生した。

この場合、Plunkerスーパーヒーローを選択する必要があり、ヒーローのアドレスが表示されます。私は各アドレスのリセットボタンを追加しましたが、アドレスをリセットするためにクリックすると、すべてがリセットされます。

我々が持っている例では：

createForm() { //Set up form and array of addresses 
    this.heroForm = this.fb.group({ 
     name: '', 
     secretLairs: this.fb.array([]), 
     power: '', 
     sidekick: '' 
    }); 
    } 

    //Function to revert changes 
    revert() { this.ngOnChanges(); } 

    //This function will set the name from original object 
    ngOnChanges() { 
    this.heroForm.reset({ 
     name: this.hero.name 
    }); 

    //It will reload the form array with original values 
    this.setAddresses(this.hero.addresses); 
    } 

    //Create new formgroups and add to formArray 
    setAddresses(addresses: Address[]) { 
    const addressFGs = addresses.map(address => this.fb.group(address)); 
    const addressFormArray = this.fb.array(addressFGs); 
    this.heroForm.setControl('secretLairs', addressFormArray); 
    } 

これはokです、それは動作しますが、それはフォーム全体をリセットします。たとえば、Whirlwindには2つのアドレスがあります。新しいアドレスを追加した後、最初のアドレスに変更を加えます。私は間違いを犯して元の値を取得したい、リセットボタンをクリックすると、新しいアドレスが削除され、フォームのすべてのデータがリセットされます。

フォーム全体ではなく、アドレスごとにリセットするにはどうすればよいですか？

おかげ

Answer 1

あなたは、初期化後の値を読み取るためにvalueまたはgetRawValue()を使用することができます。

reset()の後、setValue()を使用して初期値を戻すことができます。

は、なぜあなたは、変更のリセットを呼び出している？

• https://angular.io/api/forms/FormGroup
• https://angular.io/guide/reactive-forms#populate-the-form-model-with-setvalue-and-patchvalue