Javascript 角度嵌套形式错误-循环对象值
我有一个父窗体,在主组件中有一个子窗体。我试图让主组件从父窗体读取数据,但得到一个错误:Javascript 角度嵌套形式错误-循环对象值,javascript,angular,forms,Javascript,Angular,Forms,我有一个父窗体,在主组件中有一个子窗体。我试图让主组件从父窗体读取数据,但得到一个错误:控制台中的循环对象值 我的猜测是,它是表单一和表单二中定义的父表单,但我不知道如何执行以下操作: 1) 创建与共享的嵌套反应式表单(表单二) 家长表格(表格一) 2) 允许主组件访问 父窗体和嵌套窗体的窗体值 我的stackblitz示例: 我做错了什么?您看到的错误是因为您将json管道应用于表单组,而表单组不起作用,因为它具有无法用字符串表示的递归结构。将其应用于以下值: {{formComponent.
控制台中的循环对象值
我的猜测是,它是表单一
和表单二
中定义的父表单,但我不知道如何执行以下操作:
1) 创建与共享的嵌套反应式表单(表单二)
家长表格(表格一)2) 允许主组件访问 父窗体和嵌套窗体的窗体值 我的stackblitz示例:
我做错了什么?您看到的错误是因为您将json管道应用于表单组,而表单组不起作用,因为它具有无法用字符串表示的递归结构。将其应用于以下值:
{{formComponent.parentForm?.value | json }}
如果希望所有组件都使用相同的表单组,请确保实际将其传递给子组件:
<app-form-two [parentForm]="parentForm"></app-form-two>