0
533
ViewsIngresar 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 answers
Answer question0
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
Report
Answer question