Quiero mostrar un div (clase alert.alert-danger) debajo del campo de entrada para "CONTRASEÑA ANTIGUA" si la contraseña anterior no es igual a '12345', pero no aparece.

Mi código:

CONTRASEÑA.COMPONENTE.TS:

 form = new FormGroup({ oldpass: new FormControl( '', [Validators.required], [OldPassValidator.OldPass]) }

CONTRASEÑA.COMPONENTE.HTML:

 <form [formGroup]="form"> <div class="form-group"> <label for="">Old password</label> <input type="password" formControlName="oldpass" id="oldpass" class="form-control" [class.redBorder]="oldpass?.touched && oldpass?.invalid"> </div> <div class="alert alert-danger" *ngIf="oldpass?.touched && oldpass?.errors?.required"> <div *ngIf="oldpass?.touched && oldpass?.errors?.required">Old pass is required</div> <div *ngIf="oldpass?.errors?.OldPass">Password is not correct</div> </div> </form>

VALIDADOR.TS:

 static OldPass(control: AbstractControl) : Promise<ValidationErrors | null> { return new Promise((resolve, reject) => { if(control.value === '12345') return resolve({ OldPass: true }); else return resolve(null); }); }