<form  *ngIf="!loading" (ngSubmit)="Register($event, registerForm)" #registerForm="ngForm">

      <th *ngIf="miniRoute==0">Username</th>
      <th *ngIf="miniRoute==1">First Name</th>
      <th *ngIf="miniRoute==2">Email Address</th>
      <div style="height:5px"></div>
      <input *ngIf="miniRoute==0" type="text" placeholder="Username" required minlength="1" name="username" #username="ngModel" [(ngModel)]="register.username">
      <input *ngIf="miniRoute==1" type="text" placeholder="First Name" required minlength="1" name="firstname" #firstname="ngModel" [(ngModel)]="register.firstname">
      <input *ngIf="miniRoute==2" type="text" placeholder="Email Address" required minlength="1" name="email" #email="ngModel" [(ngModel)]="register.email">
      <div style="height:15px"></div>
      <th *ngIf="miniRoute==0">Password</th>
      <th *ngIf="miniRoute==1">Last Name</th>
      <th *ngIf="miniRoute==2">Phone Number</th>
      <div style="height:5px"></div>
      <input *ngIf="miniRoute==0" type="text" placeholder="Password" required minlength="1" name="password" #password="ngModel" [(ngModel)]="register.password">
      <input *ngIf="miniRoute==1" type="text" placeholder="Last Name" required minlength="1" name="lastname" #lastname="ngModel" [(ngModel)]="register.lastname">
      <input *ngIf="miniRoute==2" type="text" placeholder="Phone Number" required minlength="1" name="phonenumber" #phonenumber="ngModel" [(ngModel)]="register.phonenumber">

    <div style="height:25px"></div>
    <div>
      <ion-button *ngIf="miniRoute!=2" (click)="miniRoute=miniRoute-1"><- Back</ion-button>
      <ion-button *ngIf="miniRoute!=2" (click)="miniRoute=miniRoute+1">Next -></ion-button>
    </div>

    <ion-button *ngIf="miniRoute==2"  type="submit">Register</ion-button>
  </form>

registerForm = {username: EXAMPLE, password: EXAMPLE, firstname: EXAMPLE, password: EXAMPLE, email: EXAMPLE, phonenumber: EXAMPLE}

{email: null, phonenumber: null}