typescript Primeng密码模板建议未出现

lnlaulya  于 2023-05-08  发布在  TypeScript
关注(0)|答案(2)|浏览(95)

https://stackblitz.com/edit/primeng-password-demo上提供的演示不能正常工作,如www.example.com上的模板密码文档演示所示https://www.primefaces.org/primeng/showcase/#/password,在stackblitz演示中没有提出建议。
Documentation demo snapshot
Stackblitz demo snapshot

3ks5zfa0

3ks5zfa01#

this GitHub issue中报告了p-password组件未显示pTemplate的问题。
通过**将primeng升级到最新版本(v12.0.1)**将能够解决此问题。

前提条件:

Angular App版本12
Sample Solution on StackBlitz

ddhy6vgd

ddhy6vgd2#

你可以在你的css中使用以下代码:

:host ::ng-deep .p-password input {
    width: 15rem;
}

:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.weak {
  background: #D32F2F;
}

:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #FBC02D;
}

:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #689F38;
}

相关问题