reset refactor

Author: kapunahelewong

public/docs/_examples/reactive-forms/ts/app/hero-detail-7.component.ts

@@ -36,10 +36,11 @@ export class HeroDetailComponent7 implements OnChanges {
 
   // #docregion onchanges
   ngOnChanges() {
-    this.heroForm.reset();
-    this.heroForm.patchValue({
+    // #docregion reset-refactor
+    this.heroForm.reset({
       name: this.hero.name
     });
+    // #enddocregion reset-refactor
     this.setAddresses(this.hero.addresses);
   }
   // #enddocregion onchanges

public/docs/ts/latest/guide/reactive-forms.jade

@@ -494,9 +494,9 @@ a#data-model-form-model
 +makeExample('reactive-forms/ts/app/hero-detail-5.component.ts', 'imports')(format=".")
 
 :marked
-  # Ward, `hero-detail-5.component.ts` is where  `@Input() hero: Hero;` 
-  # shows up for the first time, but I don't understand it or know where 
-  # I should mention it. It seems like this is the general area, but we don't demonstrate it.
+  ## Ward, `hero-detail-5.component.ts` is where  `@Input() hero: Hero;` 
+  ## shows up for the first time, but I don't understand it or know where 
+  ## I should mention it. It seems like this is the general area, but we don't demonstrate it.
 
 .l-main-section
 a#set-data
@@ -585,6 +585,16 @@ a#set-data
 
 +makeExample('reactive-forms/ts/app/hero-detail-6.component.ts', 'set-value-on-changes','app/hero-detail.component.ts (excerpt)')(format=".")
 
+:marked
+  You could, however, reset the value of the *formControls* in the `reset()` 
+  method by refactoring. 
+  ## Ward, are the benefits that now you can dispense with `setValue` (so less code 
+  ## and you don't have to set everything)? In `hero-detail-7.component.ts`, we also have 
+  ## `this.setAddresses(this.hero.addresses);` in `ngOnChanges`. 
+  ## Do I need to include it and talk about it? 
+
++makeExample('reactive-forms/ts/app/hero-detail-7.component.ts', 'reset-refactor','app/hero-detail.component.ts (excerpt)')(format=".")
+
 a#hero-list
 :marked
   ### Create the _HeroListComponent_ and _HeroService_
@@ -834,7 +844,7 @@ figure.image-display
   Instead, it must prepare `saveHero` whose values derive from a combination of original hero values (the `hero.id`)
   and deep copies of the potentially-changed form model values. 
 
-  # Ward, stop lecturing :D
+  ## Ward, stop lecturing :D
 
 +makeExample('reactive-forms/ts/app/hero-detail.component.ts', 'prepare-save-hero','app/hero-detail.component.ts (prepareSaveHero)')(format=".")