Page 1 of 1

Password meter not displaying

Posted: 25 May 2016, 22:53
by gennadius
Hello,

I am relatively new to primeng. I was trying to utilize the password component and it's built in strength meter. To integrate, it looks very straightforward and simple, however I cannot seem to get the component to display the password strength meter. I have compared my implementation to the actual showcase implementation on github, and cannot seem to find anything to try that would be different.

I would appreciate any thoughts on elements to look at or directions to investigate.

Thanks in advance!

Re: Password meter not displaying

Posted: 26 May 2016, 14:48
by cagatay.civici
Welcome,

Have you added Password to your directives to use e.g.

Code: Select all

directives: [Password]

Re: Password meter not displaying

Posted: 26 May 2016, 19:25
by gennadius
optimus.prime wrote:Welcome,

Have you added Password to your directives to use e.g.

Code: Select all

directives: [Password]
Hello,

Yes, that is present and the input field with pPassword correctly shows up. It is simply the prompt/strength label that doesn't show up.

Thanks!

Re: Password meter not displaying

Posted: 28 May 2016, 23:18
by DarthMaul
Hi,

Do you have any errors on your console?

Re: Password meter not displaying

Posted: 29 Aug 2021, 21:09
by mredul
I'm having the same issue. This is my script:

Code: Select all

<p-password id="password" formControlName="password">
                            <ng-template pTemplate="header">
                                <h6>Pick a password</h6>
                            </ng-template>
                            <ng-template pTemplate="footer">
                                <p-divider></p-divider>
                                <p class="p-mt-2">Suggestions</p>
                                <ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5">
                                    <li>At least one lowercase</li>
                                    <li>At least one uppercase</li>
                                    <li>At least one numeric</li>
                                    <li>Minimum 8 characters</li>
                                </ul>
                            </ng-template>
                        </p-password>
My stack:
Aangular: 12,
primeng: 12.1.0-rc.2,
rxweb/reactive-form-validators: 2.1.3
chrome: 92
OS: macos Big Sur 11.4