2017-10-31 6 views
1

Ich habe ein Drop-Down-Element in meinem ionischen ProjektFormControlName Typeerror: kann Eigenschaft 'Wert' undefined

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> 

Gebrauchte formgroup Lesen Sie das Formular home.ts zu erstellen

{ 
    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']; 
} 

Wenn versucht, den Standortwert erhalten Fehler zu bekommen Nachricht als 'undefiniert'

doprint() { 

console.log(this.name.value) //Ajith 
console.log(this.email.value) //[email protected] 
console.log(this.location.value) //undefined 
} 
+1

Ist der Tippfehler 'loaction' versehentlich in 'this.location = this.formgroup.controls ['loaction']; '? – amal

Antwort

1

Sie einen Tippfehler haben

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

Wie dem auch sei Standardweg zu tun ist,

doprint() { 
let formItem = this.itemForm.value; 
console.log(formItem.name); 
console.log(name.email); 
console.log(name.location) ; 
} 
Verwandte Themen