0
532
VistasIngresar contraseña PrimeNG solo funciona después de hacer clic en la entrada
Tengo el siguiente problema cuando uso ngprime, cuando la página se carga, la entrada tiene errores. Si hago clic en la entrada es correcta, según la segunda foto. ¿Me puede ayudar con esto? Instalé prime flex, prime ng. Importé los estilos en angular.json
formulario: FormGroup = this.fb.group({ email: [null, [Validators.email, Validators.required]], password: [null, Validators.required] }); <form [formGroup]="formulario" class="p-fluid mt-5"> <fieldset class="field"> <label for="password" class="block">Email</label> <span class="p-input-icon-left my-2"> <i class="pi pi-user"></i> <input id="email" formControlName="email" type="email" pInputText placeholder="Email"> </span> </fieldset> <fieldset class="field mt-2"> <label for="password" class="block">Password</label> <p-password id="password" formControlName="password" [toggleMask]="true" promptLabel="Ingresa tu contraseña" weakLabel="Débil" goodLabel="Buena" strongLabel="Fuerte"> </p-password> </fieldset> </form> 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Parece ser un error conocido en el componente. Puedes ver el hilo en GitHub aquí .
Hay una solución hasta que lo arreglen. Agregue el siguiente atributo al elemento p-password :
styleClass="p-password p-component p-inputwrapper p-input-icon-right"Como esto:
<p-password id="password" [toggleMask]="true" promptLabel="Ingresa tu contraseña" weakLabel="Débil" goodLabel="Buena" strongLabel="Fuerte" styleClass="p-password p-component p-inputwrapper p-input-icon-right"> </p-password>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta