Checkbox kind of works

ionic/components/checkbox/test/basic/main.html

@@ -1,26 +1,11 @@
-
-<ion-view nav-title="Checkboxes">
-
-  <ion-content>
-
-    <div class="list-header">Some Checkboxes</div>
+<ion-content>
+  <form (^submit)="doSubmit($event)" [control-group]="form">
 
     <ion-list>
-
-      <ion-checkbox [checked]="true">
+      <div class="list-header">Some Switches</div>
+      <ion-checkbox control="addCats">
         Apples
       </ion-checkbox>
-
-      <ion-checkbox>
-        Bananas
-      </ion-checkbox>
-
-      <ion-checkbox [disabled]="true">
-        Oranges
-      </ion-checkbox>
-
     </ion-list>
-
-  </ion-content>
-
-</ion-view>
+  </form>
+</ion-content>

ionic/components/checkbox/test/basic/main.js

@@ -1,17 +1,23 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-import {Content} from 'ionic/components/content/content';
-import {Icon} from 'ionic/components/icon/icon';
-import {Checkbox} from 'ionic/components/checkbox/checkbox';
-import {List} from 'ionic/components/list/list';
+import {Component, View, bootstrap} from 'angular2/angular2'
+import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
+import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
 @Component({ selector: '[ion-app]' })
 @View({
   templateUrl: 'main.html',
-  directives: [Content, Icon, Checkbox, List]
+  directives: [FormDirectives].concat(IONIC_DIRECTIVES)
 })
 class IonicApp {
   constructor() {
-    console.log('IonicApp Start')
+    var fb = new FormBuilder();
+    this.form = fb.group({
+      addCats: ['yes', Validators.required]
+    });
+  }
+
+  doSubmit(event) {
+    console.log('Submitting form', this.form.value);
+    event.preventDefault();
   }
 }