formGroup erwartet eine formGroup-Instanz, wie die formcontrol-Namen richtig zuweisen

Question

Ich bin wirklich neu in eckigen und ionischen. also versuche ich ein Formular zu implementieren, das Werte akzeptiert und an einen Dienst übergeben wird. Ich erhalte die Fehlermeldung:

Error in ./RecordvisitPage class RecordvisitPage - caused by: formGroup expects a FormGroup instance. Please pass one in. 

hier ist meine HTML-Seite:

<ion-content> 
    <form [formGroup]="recordVisitForm"> 
    <ion-item> 
     <ion-label>Action Date</ion-label> 
     <ion-input formControlName="actionDate" name="actionDate"></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label>Contacted</ion-label> 
     <ion-input formControlName="contacted" name="contacted"></ion-input> 
    </ion-item> 
</form> 
<ion-footer> 
    <button ion-button navPop>Back</button> 
    <button ion-button (click)="saveVisit()">Save</button> 
</ion-footer> 

so dass die Komponente auf diese HTML-Seite attatched ist:

public recordVisitForm: FormGroup; 
constructor(public navCtrl: NavController, private loanService : LoanService, public formBuilder: FormBuilder, public params: NavParams) { 

    this.loan = params.get('loan'); 

    this.recordVisitForm = formBuilder.group({ 
     actionDate: ['', Validators.required], 
     contacted: ['', Validators.required], 

    }); 

    } 

Answer 1

Sie this in formbuilder.group... fehlen

this.recordVisitForm = this.formBuilder.group({ // here 
    actionDate: ['', Validators.required], 
    contacted: ['', Validators.required], 

});