Я хочу, чтобы выполнить пароль и подтверждение пароля валидаций используя только материальные компоненты, и сообщение об ошибке ниже поле Подтверждение пароля, если confirm password field doesn't match
с А, if it is empty
.Tried много ресурсов не удалось достичь.
Пробовал это видео тоже.
Это материальный компонент, который я ищу
HTML
<mat-form-field >
<input matInput placeholder="New password" [type]="hide ? 'password'
: 'text'" [formControl]="passFormControl" required>
<mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility' :
'visibility_off'}}</mat-icon>
<mat-error *ngIf="passFormControl.hasError('required')">
Please enter your newpassword
</mat-error>
</mat-form-field>
<mat-form-field >
<input matInput placeholder="Confirm password" [type]="hide ?
'password' : 'text'" [formControl]="confirmFormControl"
required>
<mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility' :
'visibility_off'}}</mat-icon>
<mat-error *ngIf="confirmFormControl.hasError('required')">
Confirm your password
</mat-error>
</mat-form-field>
TS
import {Component, OnInit } from '@angular/core';
import {FormControl, FormGroupDirective, NgForm, Validators} from
'@angular/forms';
import {ErrorStateMatcher} from '@angular/material/core';
@Component({
selector: 'asd-set-pass',
templateUrl: './set-pass.component.html',
styleUrls: ['./set-pass.component.css']
})
passFormControl = new FormControl('', [
Validators.required,
]);
confirmFormControl = new FormControl('', [
Validators.required,
]);
hide =true;
}
Это подтверждает следующие условия: 1) Если поля пароля и пароля подтверждения пустые, отображается текст ошибки.
Я хочу сравнить с полями в файле (.ts), например, как его проверка для пустого поля, и ошибка, если поле подтверждения пароля пустое.