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

现在它在改变。