fix(segment): working

This commit is contained in:
Max Lynch
2015-10-02 10:48:58 -05:00
parent ae6e140fbf
commit a98b38b55c
4 changed files with 57 additions and 12 deletions

View File

@ -5,12 +5,11 @@ import {App} from 'ionic/ionic';
@App({
templateUrl: 'main.html',
appInjector: [FormBuilder],
bindings: [FormBuilder],
directives: [FORM_DIRECTIVES]
})
class IonicApp {
class MyApp {
constructor(fb: FormBuilder) {
this.myForm = fb.group({
mapStyle: ['hybrid', Validators.required]
});
@ -18,7 +17,7 @@ class IonicApp {
}
doSubmit(event) {
console.log('Submitting form', this.form.value);
console.log('Submitting form', this.myForm.value);
event.preventDefault();
}
}

View File

@ -1,13 +1,13 @@
<ion-content padding>
<form (submit)="doSubmit($event)" [ng-form-model]="myForm">
<ion-segment ng-control="mapStyle">
<ion-segment-button value="standard" button>
<ion-segment ng-control="mapStyle" danger>
<ion-segment-button value="standard">
Standard
</ion-segment-button>
<ion-segment-button value="hybrid" button>
<ion-segment-button value="hybrid">
Hybrid
</ion-segment-button>
<ion-segment-button value="sat" button>
<ion-segment-button value="sat">
Satellite
</ion-segment-button>
</ion-segment>