在 Angular 中将表单值传递给子组件

【问题标题】：Passing Form Values to Child Components in Angular在 Angular 中将表单值传递给子组件
【发布时间】：2021-11-08 01:10:35
【问题描述】：

我在将表单与其他组件分开时遇到问题。我需要将所有逻辑/功能放在父/主组件中，并将其显示在子组件上。就像提交功能应该在父组件上。

stackblitz

   <form [formGroup]="personalInfoForm" (ngSubmit)="onRegister(personalInfoForm)">
       <app-personal-info [personalInfoForm]="personalInfoForm" [submitted]="submitted"></app-personal-info>
   </form>

【问题讨论】：

标签： angular typescript angular-reactive-forms angular-forms

【解决方案1】：

您的代码有多个问题：

您无法直接访问您需要的 FormGroup 属性使用吸气剂，即.get('email')
您需要将提交按钮放在父表单旁边，而不是子组件内

stackBlitz

【讨论】：

这很好，但我想要主/父组件上的 onSubmit
哦，好吧，我没有检查你的父组件，我修复了这个例子
谢谢。为什么它在我的应用程序中，有错误说“对象可能是'null'。这是由于输入上的错误消息。