Password meter not displaying

[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!

[cagatay.civici]

Welcome,

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

Code: Select all

directives: [Password]

[gennadius]

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!

[DarthMaul]

Hi,

Do you have any errors on your console?

[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