Javascript angular 2 NgFor仅支持绑定到Iterables(如数组)
我在angular 2项目中使用了被动形式模式。我想用answers动态地填充一个容器(answers对象是使用http调用获取和填充的) 反应式表单对象结构:Javascript angular 2 NgFor仅支持绑定到Iterables(如数组),javascript,angular,Javascript,Angular,我在angular 2项目中使用了被动形式模式。我想用answers动态地填充一个容器(answers对象是使用http调用获取和填充的) 反应式表单对象结构: public questionDetailForm = this.fb.group({ type : ['', Validators.required], title : ['', Validators.required], required: [false], answers : this.f
public questionDetailForm = this.fb.group({
type : ['', Validators.required],
title : ['', Validators.required],
required: [false],
answers : this.fb.array([])
});
用于填充“questionDetailForm”对象的“answers”键的帮助器数组:
public formArray = <FormArray>this.questionDetailForm.controls['answers'];
问题出现在html文件中(以粗体突出显示):
去除
我刚刚从angular cli beta版更新到1.0.0版。我在使用beta版时没有遇到过同样的问题。您可以在
FormArray上反复尝试:
questionDetailForm.get('answers')
或:
非常感谢…还担任questionDetailForm.controls.answers.controls当我为生产构建项目时,我得到的“属性”控件在类型“AbstractControl”上不存在
<div fxLayout="row" fxFlexOffset="10" *ngFor="let answer of **questionDetailForm.controls['answers'];** let i = index" class="base-input-container answer-container">
<md-input-container fxFlex="70" [ngClass]="{haserror: formErrors.answer && i === answerIndexError}">
<input mdInput type="text" [formControl]="answer" placeholder="Answer">
</md-input-container>
<button type="button" fxFlexOffset="3" class="remove-answer" md-fab mdTooltip="remove answer" (click)="removeAnswer(i)" color="primary"><i class="material-icons">remove</i></button>
</div>
questionDetailForm.get('answers')
questionDetailForm.controls['answers'].controls