<!--
  Generated template for the RegisterUserPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>Register User</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <form (ngSubmit)="logForm()">
    <ion-item>
        <ion-label   color="primary">Username</ion-label>
        <ion-input [(ngModel)]= "formValues.username" max ="16" placeholder="Username" name="username">Username</ion-input>
      </ion-item>

      <ion-item>
          <ion-label color="primary" stacked> Password</ion-label>
          <ion-input type="password" [(ngModel)]= "formValues.password"  max="20" placeholder="Password Input" name="password">  password</ion-input>
        </ion-item>

        <ion-item>
            <ion-label color="primary" stacked>Repeat Password</ion-label>
            <ion-input type="password" max ="20" placeholder="Password Input" name="repeatPass"> </ion-input>
          </ion-item>
        <button ion-button id="sbmBtn" type ="submit" block>Create</button>
  </form>

</ion-content>




-------------------------------------------------
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { HomePage } from '../home/home';

/**
 * Generated class for the RegisterUserPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-register-user',
  templateUrl: 'register-user.html',
})
export class RegisterUserPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }
  formValues:{username:string,password:string,repeatedPass:string}

  ionViewDidLoad() {
    console.log('ionViewDidLoad RegisterUserPage');
  }
  goToHome(){
    this.navCtrl.popToRoot();
  }

  logForm(){
    alert(this.formValues );

  }

}