FormControlNameはTypeError：プロパティを読み取ることができません未定義

Question

の '値' 私は私のイオンのプロジェクト形式 home.tsを作成するためにformgroup使用し

home.html

<ion-list> 
     <ion-item> 
      <ion-label color="danger">Location</ion-label> 
      <ion-select name="location" formControlName="location" > 
       <ion-option value=3>{{'Palarivattom'}}</ion-option> 
       <ion-option value=4>{{'Kadavantra'}}</ion-option> 
       <ion-option value=5>{{'Kaloor'}}</ion-option> 

      </ion-select> 
      </ion-item> 
      </ion-list> 

で1つのドロップダウンアイテムを持っています

{ 
    this.formgroup=formbuilder.group({ 
    mobile:['', Validators.compose([Validators.required, 
       Validators.minLength(10,), Validators.maxLength(10)])], 
    password:['', Validators.compose([Validators.required, 
       Validators.minLength(5)])], 

    location:['', Validators.compose([Validators.required])], 

}); 
this.mobile=this.formgroup.controls['mobile']; 
this.password=this.formgroup.controls['password']; 
this.location=this.formgroup.controls['loaction']; 
} 

ロケーション値を取得しようとしたときにエラーが発生しました

doprint() { 

console.log(this.name.value) //Ajith 
console.log(this.email.value) //ajith@gmail.com 
console.log(this.location.value) //undefined 
} 

Answer 1

を '未定義' としてあなたがタイプミス

this.location=this.formgroup.controls['location']; 

に行うにはとにかく標準的な方法を持っているメッセージは、

​​