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(请参见此处(。

确保导入PasswordModule

import { PasswordModule } from "primeng/password";
@NgModule({
imports: [
...
PasswordModule,
]
})
export class AppModule {}

并像这样使用

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

Stackblitz示例

BTW，pPassword指令具有showPassword@输入，可用于切换密码显示