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

【问题标题】：Dynamic / Reactive Forms Error - Angular 2动态/反应形式错误 - Angular 2
【发布时间】：2017-05-05 04:39:55
【问题描述】：

我遵循了 Angular 2 网站上的响应式表单指南。 https://angular.io/docs/ts/latest/cookbook/dynamic-form.html

但是，我在添加新问题时遇到了问题，因为它给了我以下错误：

例外：http://10.1.6.78/hira/app/dynamic-form-question.component.php:9:28 中的错误由以下原因引起：无法读取未定义的属性“有效”

这很可能与问题的创建有关，因为以下代码有效：

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

【问题讨论】：

这在哪里：有效属性？
@flakerimi 它是 dynamic-form-question.component.ts 的一部分，请参阅代码链接。

标签： angular angular2-forms angular2-formbuilder

【解决方案1】：

好的，未定义的事情是因为 dynamic-form.component.ts 中的 this.form 事情没有正确设置。所以我添加了这个：

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

现在它适用于变化。

【讨论】：