角动态表单输入可观察的属性总是空

克里斯·皮克福德:

我教自己在角活性形式和继已成为卡住动态表单向导

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的工作示例。

Chellappanவ:

因为输入属性绑定asynchronusly发生你得到错误。

尝试这个:

    <div>
        <ng-container *ngIf="questions$ | async as questions">
         <app-dynamic-form [questions]="questions"></app-dynamic-form>
        </ng-container>
    </div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章