Как отправить только первые данные набора полей при нажатии кнопки в угловых реактивных формах

Question

Это краткий код моего проекта.Я просто хочу отправить данные только первого набора полей после нажатия на кнопку, а не второго набора полей.

 <form id="myform" [formGroup]="signupForm">

 <fieldset>

    <mat-form-field class="example-full-width">
    <input matInput placeholder="Full name" formControlName="userName" required >
    <mat-error *ngIf="signupForm.get('userName').hasError('required')">
         Full Name is <strong>required</strong>
    </mat-error>
    </mat-form-field>

    <button (click)="onCheck(signupForm.value)">Next</button>

    </fieldset>

<fieldset>

    <mat-form-field class="example-full-width">
    <input matInput placeholder="Full name" formControlName="userName" required >
    <mat-error *ngIf="signupForm.get('userName').hasError('required')">
         Full Name is <strong>required</strong>
    </mat-error>
    </mat-form-field>

</fieldset>

Answer 1

Ваше имя FormControlNames имеет то же имя. Кажется, корень зла.