如何在角度反应形式中仅在按钮上发送第一个字段集数据

时间:2018-04-24 12:35:10

标签: angular angular-material angular-reactive-forms

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

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

1 个答案:

答案 0 :(得分:0)

您的formControlNames共享相同的名称。似乎是邪恶的根源。