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

Question

我遵循了 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
  }), 
];  

Answer 1

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

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

现在它适用于改变。