Form Validation code not functioning in the view

Ionic Framework ionic-v3
1

My ionic form is based on ionic docs > http://ionicframework.com/docs/v2/components/#floating-labels

However, when validation html elements are added, they do not show up on the page. the “div” elements below
do not show up when validation fails.

Are “div” tags not to be used inside of ??

<ion-list>
   <ion-item>
          <ion-label floating>First Name</ion-label>
          <ion-input type="text" id="fname" [ngFormControl]="fname"></ion-input>
          <div *ngIf="fname.touched">
            <div *ngIf="fname.errors?.minlength">First name should be atleast 2 characters</div>
            <div *ngIf="fname.errors?.invalidFirstCharacter">First character should be an alphabet</div>
          </div>
         </ion-item>
</ion-list>