我教自己在角活性形式和继已成为卡住动态表单向导。
在question.service.ts
文件中,我添加了一个延迟返回观察到的模拟HTTP请求:
return of(questions.sort((a, b) => a.order - b.order)).pipe(delay(10));
这可观察到的传递给app-dynamic-form
在组件app-root
模板:
<app-dynamic-form [questions]="questions$ | async"></app-dynamic-form>
但questions
输入属性值似乎总是空。
错误类型错误:在DynamicFormComponent.ngOnInit:在QuestionControlService.toFormGroup(19问题-control.service.ts)不能看空的特性 '的forEach'(动态form.component.ts:22)
取出.pipe(delay(10))
返回例如到工作状态。
任何人都可以解释为什么questions
输入属性为null?
见StackBlitz的工作示例。
因为输入属性绑定asynchronusly发生你得到错误。
尝试这个:
<div>
<ng-container *ngIf="questions$ | async as questions">
<app-dynamic-form [questions]="questions"></app-dynamic-form>
</ng-container>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句