Javascript 在应用程序组件中提交按钮，并在其他组件中输入。我应该如何在提交按钮上验证我的表单？

我的表单位于应用程序组件中，我的字段来自另一个组件，标记名为应用程序检查表单验证。如何使用模板和反应式方法在提交时验证我的表格。请帮忙

Home.component.html

<form class="form-horizontal" [formGroup]="registerForm" 
  (ngSubmit)="onSubmit()">
    <div class="form-group">
        <div class="col-sm-12">
            <app-check-form-validation></app-check-form-validation>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">
        Submit
   </button>
</form>

<label for="email" class="control-label">Email</label>
<input type="text" id="email" class="form-control" formControlName="email">
<div *ngIf="submitted && registerForm.email.errors" class="invalid-feedback">
    <div *ngIf="registerForm.email.errors.required">Email is required</div>
    <div *ngIf="registerForm.email.errors.email">Email must be a valid email 
    address</div>
</div>

check-form-validation.component.html

<form class="form-horizontal" [formGroup]="registerForm" 
  (ngSubmit)="onSubmit()">
    <div class="form-group">
        <div class="col-sm-12">
            <app-check-form-validation></app-check-form-validation>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">
        Submit
   </button>
</form>

<label for="email" class="control-label">Email</label>
<input type="text" id="email" class="form-control" formControlName="email">
<div *ngIf="submitted && registerForm.email.errors" class="invalid-feedback">
    <div *ngIf="registerForm.email.errors.required">Email is required</div>
    <div *ngIf="registerForm.email.errors.email">Email must be a valid email 
    address</div>
</div>

---

您可以使用具有可观察性的服务。提交的组件可以调用服务函数，而验证的组件可以订阅服务并采取适当的操作

---

您可以在此处阅读有关服务的信息：

您没有在任何地方构建表单？我将在我的HomeComponent中使用反应式方法来实现这一点。请向我们展示代码，除非我们看到所有相关代码；）你能检查一下代码吗？我现在已经更新了代码，并在Home.component.ts文件中添加了表单。我如何处理