primeNg 密码中的 ToggleMask 不起作用

Question

我尝试在我的代码中使用 passwordModule，它运行良好，然后我尝试添加切换掩码

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

它给我以下错误

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

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

Answer 1

使用组件选择器而不是指令，因为指令不包含 toggleMask (See here) 而组件包含。

确保导入 PasswordModule

import { PasswordModule } from "primeng/password";

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

并像这样使用它

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

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

ToggleMask in primeNg password not working