formGroupはformGroupインスタンスを想定していますが、formcontrolの名前を正しく割り当てる方法

Question

私はangular2とionicが本当に新しいです。だから私は値を取り、サービスに提出されるフォームを実装しようとしています。私はエラーを取得しています：ここ

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

は私のhtmlページです：

<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> 

ので、このHTMLページに貼らコンポーネントは次のとおりです。

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

あなたはformbuilder.group...

で thisが欠落しています

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

});