checkbox wip

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

@@ -1,25 +1,29 @@
 import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 import {View} from 'angular2/src/core/annotations_impl/view';
 
-//import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
+import {FormBuilder, Validators, formDirectives} from 'angular2/forms';
 import {Checkbox, Content, List} from 'ionic/ionic';
 //import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
 @Component({ selector: 'ion-view' })
 @View({
   templateUrl: 'main.html',
-  directives: [Checkbox, List, Content]
+  directives: [formDirectives].concat([Checkbox, List, Content])
 })
 class IonicApp {
   constructor() {
-    // var fb = new FormBuilder();
-    // this.form = fb.group({
-    //   addCats: ['yes', Validators.required]
-    // });
+     var fb = new FormBuilder();
+     this.fruitsForm = fb.group({
+       appleCtrl: ['', Validators.required],
+       bananaCtrl: ['', Validators.required],
+       grapeCtrl: ['', Validators.required],
+       cherryCtrl: ['', Validators.required]
+     });
+     debugger;
   }
 
   doSubmit(event) {
-    console.log('Submitting form', this.form.value);
+    console.log('Submitting form', this.fruitsForm.value);
     event.preventDefault();
   }
 }

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

@@ -1,11 +1,20 @@
 <ion-content>
-  <form (^submit)="doSubmit($event)" [control-group]="form">
+  <form (^submit)="doSubmit($event)" [control-group]="fruitsForm">
 
     <ion-list>
       <div class="list-header">Some Switches</div>
-      <ion-checkbox control="addCats">
+      <ion-checkbox control="appleCtrl">
         Apples
       </ion-checkbox>
+      <ion-checkbox control="bananaCtrl">
+        Bananas
+      </ion-checkbox>
+      <ion-checkbox control="grapeCtrl">
+        Grapes
+      </ion-checkbox>
+      <ion-checkbox control="cherryCtrl">
+        Cherries
+      </ion-checkbox>
     </ion-list>
   </form>
 </ion-content>