Dynamic/Reactive Forms Error - Angular 2

Question

我遵循Angular 2網站上的Reactive Forms Guide。 https://angular.io/docs/ts/latest/cookbook/dynamic-form.html

不過，我在與添加新的問題，因爲它給了我下面的錯誤麻煩：

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

這是最有可能與創作的問題，如下面的代碼工作：

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); 
} 

現在它在改變。