<h2 class="col-12 col-s-12 heading">Register</h2>
<form   #form="ngForm" class="col-12 col-s-12 form1" (submit)="submitForm(form)" >

   <div class="form-group" >
        <label for="username">Username</label>
        <input #username="ngModel"  required type="text"  name="username"  class="form-control"  [(ngModel)]="model.username"/>

    </div>
    <div class="form-group">
        <label for="password">Password</label>
        <input #password="ngModel" required  type="password"  name="password" class="form-control"  [(ngModel)]="model.password" />

    </div>
   <div class="form-group">
        <label for="lastName">Email</label>
        <input #email="ngModel"  required type="email"  name ="email" class="form-control"  [(ngModel)]="model.email" />

    </div>
    <div class="form-group">
        <label for="lastName">Contact</label>
        <input #contact="ngModel"  required type="number" name="contact" class="form-control" [(ngModel)]="model.contact"/>

    </div>

    <div class=" form-group1">
        <button [disabled]="loading" class="btn btn-primary" >Register</button>

        <button [disabled]="loading" class="btn btn-primary" >Cancel</button>
    </div>
</form>