动态/反应形式错误 - Angular 2

Question

我遵循了 Angular 2 网站上的 Reactive Forms 指南。 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);   
}

现在它正在改变。

动态/反应形式错误 - Angular 2

Dynamic / Reactive Forms Error - Angular 2

angular2-forms

angular2-formbuilder

angular