如何在 Angular 中手动提交响应式表单？

Question

I have a reactive form of forms. So I need to submit the main form on the last child form submit. Is there a way to do it manually?

<form class="main-form" [formGroup]="form" (ngSubmit)="sendData()">
  <form *ngIf="currentQuestion === 1" class="form" (submit)="nextQuestion()" formGroupName="nameQuestion"></form>
  <form *ngIf="currentQuestion === 3" class="form" (submit)="nextQuestion()" formGroupName="phoneQuestion"></form>
  <form *ngIf="currentQuestion === 4" class="form" (submit)="nextQuestion()" formGroupName="marketsQuestion"></form>
  <form *ngIf="currentQuestion === 5" class="form" (submit)="nextQuestion()" formGroupName="biographyQuestion"></form>
</form>

Answer 1

Sure, you don't need to use the ngSubmit if you don't want to. Remove that and add whatever logic you need to your nextQuestion() method.

<form class="main-form" [formGroup]="form">
  <form *ngIf="currentQuestion === 1" class="form" (submit)="nextQuestion()" formGroupName="nameQuestion"></form>
  <form *ngIf="currentQuestion === 3" class="form" (submit)="nextQuestion()" formGroupName="phoneQuestion"></form>
  <form *ngIf="currentQuestion === 4" class="form" (submit)="nextQuestion()" formGroupName="marketsQuestion"></form>
  <form *ngIf="currentQuestion === 5" class="form" (submit)="nextQuestion()" formGroupName="biographyQuestion"></form>
</form>

In your component:

nextQuestion(){

...

 if (currentQuestion === 5){
    this.form.values // Your form values, do what you want with them.
 }
}