Confirme la validación de contraseña en Angular 6
Quiero realizarcontraseñ yConfirmar contraseñ validaciones usandomateria componentes solamente, y un mensaje de error debajo deConfirmar contraseñ campo siconfirm password field doesn't match
Yif it is empty
. Intenté muchos recursos incapaces de lograr.
Intentóeste vide también
Este es el componente material que estoy buscando
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;
}
Está validando las siguientes condiciones: 1) Si los campos de contraseña y contraseña de confirmación están vacíos, muestra un texto de error.
Quiero comparar con los campos en el archivo (.ts), por ejemplo, cómo se valida para el campo vacío, y aparece un error si el campo Confirmar contraseña está vací