docs(reactive-forms): a little massaging by Ward

Author: wardbell

public/docs/_examples/reactive-forms/ts/app/app.component.html

@@ -1,3 +1,3 @@
 <div class="container">
-	<reactive-form></reactive-form>
-</div>
+  <reactive-form></reactive-form>
+</div>

public/docs/_examples/reactive-forms/ts/app/app.component.spec.ts

@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { AppComponent } from './app.component';
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';

public/docs/_examples/reactive-forms/ts/app/app.component.ts

@@ -1,8 +1,7 @@
 import { Component } from '@angular/core';
-import { ReactiveFormComponent } from './reactive-form.component';
 
 @Component({
-	moduleId: module.id,
+  moduleId: module.id,
     selector: 'my-app',
     templateUrl: './app.component.html'
 })

public/docs/_examples/reactive-forms/ts/app/app.module.ts

@@ -1,20 +1,29 @@
-import { NgModule }      from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
+// #docplaster
+// #docregion
+// #docregion add-reactive-forms-module
+import { NgModule }            from '@angular/core';
+import { BrowserModule }       from '@angular/platform-browser';
 
-import { AppComponent }  from './app.component';
+import { ReactiveFormsModule } from '@angular/forms';  // <-- #1 import the module
 
-import { ReactiveFormsModule } from '@angular/forms';
+import { AppComponent }          from './app.component';
+// #enddocregion add-reactive-forms-module
 import { ReactiveFormComponent } from './reactive-form.component';
 
+// #docregion add-reactive-forms-module
 @NgModule({
-  imports:      [
-  	BrowserModule,
-  	ReactiveFormsModule
+  imports: [
+    BrowserModule,
+    ReactiveFormsModule // <-- #2 add to Angular module imports
   ],
   declarations: [
-  	AppComponent,
-  	ReactiveFormComponent
+    AppComponent,
+// #enddocregion add-reactive-forms-module
+    ReactiveFormComponent // <-- #3 declare the reactive forms component
+// #docregion add-reactive-forms-module
   ],
-  bootstrap:    [ AppComponent ]
+  bootstrap: [ AppComponent ]
 })
 export class AppModule { }
+// #enddocregion add-reactive-forms-module
+// #docregion

public/docs/_examples/reactive-forms/ts/app/hero-form.component.html

@@ -1,11 +1,9 @@
 // #docregion
 export class Hero {
-
   constructor(
     public id: number,
     public name: string,
     public power: string,
     public alterEgo?: string
   ) {  }
-
 }

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

@@ -1,5 +1,4 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
 import { AppModule } from './app.module';
 
 platformBrowserDynamic().bootstrapModule(AppModule);