angular密码强度检测 - password-strength-meter

angular密码强度检测 - password-strength-meter
插件名称 password-strength-meter
发布时间 2020年11月2日
插件作者 maykon-oliveira

Angular的密码强度计,用于计算和显示所提供密码的强度和/或反馈。

基于最新的Zxcvbn.js 密码强度估算库。

如何使用它:

1.安装软件包并导入密码强度仪。

# Yarn
$ yarn add ngx-password-strength-meter

# NPM
$ npm i ngx-password-strength-meter --save
import { NgxPasswordStrengthMeterModule } from 'ngx-password-strength-meter';
@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgxPasswordStrengthMeterModule, ...],
  bootstrap: [AppComponent]
})
export class AppModule {
}

2.将密码强度仪组件添加到应用程序。

<ngx-password-strength-meter [password]="password"></ngx-password-strength-meter>

3.使用以下选项配置密码强度计:

@Input() password: string;
@Input() min = 8;
@Input() max = 30;
@Input() enableLengthRule = true;
@Input() enableFeedback = false;
@Input() colors: string[] = [];
@Output() strengthChange = new EventEmitter<number>();