时间戳

首页 > 解决方案 > primeNg 密码中的 ToggleMask 不起作用

angular - primeNg 密码中的 ToggleMask 不起作用

问题描述

我尝试在我的代码中使用 passwordModule，它工作正常然后我尝试添加切换掩码

<input id="float-password"
               type="password"
               [toggleMask]="true"
               pPassword />

它给了我以下错误

Can't bind to 'toggleMask' since it isn't a known property of 'input'.

我试图找到原因并修复，但不幸的是我没有得到它。

标签： angularpasswordsprimeng

解决方案

使用组件选择器而不是指令，因为指令不包含toggleMask（参见此处）组件所包含的位置。

确保导入PasswordModule

import { PasswordModule } from "primeng/password";

@NgModule({
  imports: [
    ...
    PasswordModule,
  ]
})
export class AppModule {}

并像这样使用它

<p-password [toggleMask]="true"></p-password> //Works

Stackblitz 示例

顺便说一句，pPassword指令有showPassword@Input 可用于切换密码显示

推荐阅读