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

Passing Form Values to Child Components in Angular

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

stackblitz

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

您的代码有多个问题：

  1. 您无法直接访问 FormGroup 属性，您需要 使用 getter 即 .get('email')

  2. 你需要把提交按钮放在父表单旁边，而不是在子组件里面

stackBlitz