Не удается прочитать свойство «имеет ошибку» неопределенного ионного 3

Question

Я пытаюсь применить проверку к форме в Ionic v3, и эта ошибка появляется. Есть ли другой метод для проверки в ионной? Код как ниже:

//Type Script Code

export class HomePage {

formgroup:FormGroup;
firstname:AbstractControl;
lastname:AbstractControl;
  constructor(public navCtrl: NavController,
  public formbuilder:FormBuilder) {

  
this.formgroup = formbuilder.group({
  firstname:['',Validators.required],
  lastname:['',Validators.required]
});
  
this.firstname = this.formgroup.controls['firstname'];
this.lastname = this.formgroup.controls['lasttname'];
}

HTML Code

<form [formGroup] class="validation-errors">
<ion-list>
<ion-item>
  <ion-label>
First Name    
  </ion-label>
<ion-input type="text" formcontrolName="firstname">
</ion-input>
</ion-item>

<ion-item *ngIf="firstname.hasError('required') && firstname.touched">
    <p style="color:red"> First name is required</p>
  
  </ion-item>

<ion-item>