首页 > 解决方案 > 如何在单击角度反应形式的按钮时仅发送第一个字段集数据

问题描述

这是我项目的短代码。我只想在单击按钮而不是第二个字段集后仅发送第一个字段集的数据。

 <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>

标签: angularangular-materialangular-reactive-forms

解决方案


您的 formControlNames 共享相同的名称。似乎是万恶之源。


推荐阅读