我有以下角度材料代碼,應在用戶名欄位中復制電子郵件。但是即使在用戶名欄位中復制了值,也會觸發驗證錯誤。請幫助我如何解決這個問題
<mat-form-field appearance="outline">
<input matInput placeholder="Email" formControlName="email" maxlength="75" [(ngModel)]="userEmail" />
<mat-error *ngIf="signUpForm.controls['email'].errors?.required"> Email address is required </mat-error>
<mat-error *ngIf="signUpForm.controls['email'].errors?.pattern"> Enter valid email address </mat-error>
<mat-error
*ngIf="
!signUpForm.controls['email'].errors?.emailAvailable &&
!signUpForm.controls['email'].errors?.pattern &&
!signUpForm.controls['email'].errors?.required
"
>
Email address is not available
</mat-error>
</mat-form-field>
<mat-form-field appearance="outline">
<input matInput placeholder="Username" formControlName="username" autocomplete="new-password" [value]="userEmail" />
<mat-error *ngIf="signUpForm.controls['username'].errors?.required">Username is required.</mat-error>
<mat-error
*ngIf="
!signUpForm.controls['username'].errors?.usernameAvailable && !signUpForm.controls['username'].errors?.required
"
>
Username is not available.</mat-error
>
<mat-error *ngIf="signUpForm.controls['username'].errors?.space">Username cannot contain any spaces.</mat-error>
<mat-error *ngIf="signUpForm.controls['username'].errors?.maxlength">
Username must be at most 50 character(s) long.</mat-error
>
</mat-form-field>
uj5u.com熱心網友回復:
沒有你的 ts 選項不夠清晰。但是,看看是否this.signUpForm.controls['email'].clearValidators();可以在從 ts 填充電子郵件欄位的方法末尾(或 this.userEmail 獲取其值的位置)完成該技巧。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/408150.html
標籤:
上一篇:Angular新專案漏洞
