Angular4 -Building动态形式来自RestAPI Jsondata的字段

时间:2017-12-06 17:49:37

标签: angular observable dynamic-forms

我正在使用教程https://toddmotto.com/angular-dynamic-components-forms

构建表单构建器应用程序

我能够使用该示例构建&将它添加到我的项目中。表单的数据来自httpClient。一旦我引入了observable,那么传递给子组件的数据就会失去同步。

我试图将observable传递给类似于下面模板的孩子

<div>
<dynamic-form
[fieldCfg]="fieldConfig|async"
#form="dynamicForm"
(submit)="submit($event)">
</dynamic-form>
{{ form.valid }}
{{ form.value | json }}
</div>

其中fieldConfig是可观察的。当我将它传递给我的儿童组件&amp;在ngOnChanges订阅它,我得到错误无法订阅this.fieldConfig。我对角度相对较新,我想知道解决这种情况的最佳方法。

1 个答案:

答案 0 :(得分:0)

如果您使用async管道,它会自动为您订阅。现在,在fieldCfg字段中,您没有Observable<T>,而是T,因此它是Observable

的结果