refactor(demos): give each component section its own view

demos/component-docs/forms/forms.html

@@ -0,0 +1,23 @@
+<ion-navbar *navbar class="show-navbar">
+  <ion-title>Forms</ion-title>
+</ion-navbar>
+
+<ion-content class="has-header components-demo">
+  <form (submit)="processForm($event)" [ng-form-model]="form">
+      <ion-list>
+      <ion-input>
+        <input ng-control="firstName" type="text" placeholder="First Name">
+      </ion-input>
+      <ion-input>
+        <input ng-control="lastName" type="text" placeholder="Last Name">
+      </ion-input>
+    </ion-list>
+    <div class="padding">
+      <button block type="submit">Create Account</button>
+    </div>
+  </form>
+</ion-content>
+
+
+
+

demos/component-docs/forms/forms.ts

@@ -0,0 +1,25 @@
+import {FORM_DIRECTIVES, FormBuilder, Validators, Control, ControlGroup} from 'angular2/forms';
+import {IonicView} from 'ionic/ionic';
+
+
+@IonicView({
+  templateUrl: 'forms/forms.html',
+  bindings: [FormBuilder]
+})
+export class FormsPage {
+
+  constructor() {
+    this.form = new ControlGroup({
+      firstName: new Control("", Validators.required),
+      lastName: new Control("", Validators.required)
+    });
+  }
+
+  processForm(event) {
+    // TODO: display input in a popup
+    console.log(event);
+  }
+
+    
+}
+