ionic-framework/src/components/input/test/form-inputs/index.ts

import {Component} from '@angular/core';
import {ionicBootstrap} from '../../../../../src';
import {FormBuilder, Validators} from '@angular/common';


@Component({
  templateUrl: 'main.html'
})
class E2EPage {
  loginForm: any;

  login = {
    email: 'help@ionic.io',
    username: 'admin'
  };

  user = {
    username: 'asdf',
    password: '82'
  };

  submitted: boolean = false;
  isTextAreaDisabled: boolean;

  constructor(fb: FormBuilder) {
    this.loginForm = fb.group({
      email: ["", Validators.compose([
        Validators.required,
        this.emailValidator
      ])],
      username: [""],
      password: ["", Validators.required],
      comments: ["", Validators.required],
      gender: ["", Validators.required]
    });
  }

  emailValidator(control) {
    var EMAIL_REGEXP = /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i;

    if (!EMAIL_REGEXP.test(control.value)) {
      return {invalidEmail: true};
    }
  }

  submit(ev, value) {
    console.log("Submitted", value);
    this.submitted = true;
  }

  disable() {
    this.isTextAreaDisabled = !this.isTextAreaDisabled;
  }

}

@Component({
  template: '<ion-nav [root]="root"></ion-nav>'
})
class E2EApp {
  root = E2EPage;
}

ionicBootstrap(E2EApp);