動的/反応型エラー - 角度2

Question

私はAngular 2ウェブサイトのReactive Forms Guideに従っています。次のコードが動作するよう

EXCEPTION: Error in http://10.1.6.78/hira/app/dynamic-form-question.component.php:9:28 caused by: Cannot read property 'valid' of undefined

それが最も可能性の高い質問の作成に関連している：https://angular.io/docs/ts/latest/cookbook/dynamic-form.html

しかし、私はそれが私に次のエラーを与えるように、新しい質問を追加することでトラブルを抱えている

default: QuestionBase<any>[] = [ 
    new DropdownQuestion({ 
    key: 'brave', 
    label: 'Bravery Rating', 
    options: [ 
     {key: 'solid', value: 'Solid'}, 
     {key: 'great', value: 'Great'}, 
     {key: 'good', value: 'Good'}, 
     {key: 'unproven', value: 'Unproven'} 
    ], 
    order: 3 
    }), 
    new TextboxQuestion({ 
    key: 'firstName', 
    label: 'First name', 
    value: 'Bombasto', 
    required: true, 
    order: 1 
    }), 
    new TextboxQuestion({ 
    key: 'emailAddress', 
    label: 'Email', 
    type: 'email', 
    order: 2 
    }) 
]; 

しかし、このコードは、エラーを与える：

start: QuestionBase<any>[] = [ 
    new TextboxQuestion({ 
    key: 'firstName', 
    label: 'First name', 
    value: 'Bombasto', 
    order: 1 
    }), 

    new TextboxQuestion({ 
    key: 'secondName', 
    label: 'Second name', 
    value: 'Bombasto', 
    order: 2 
    }), 
]; 

Answer 1

さて、定義されていないのは、dynamic-form.component.tsのthis.formが正しく設定されていなかったためです。そこで、私はこれを追加しました：

ngOnChanges(changes: SimpleChange) 
{ 
    this.form = this.qcs.toFormGroup(this.questions); 
} 

これは変更になりました。