Ngx-strength-bar NPM

ngx-strength-bar

Extendable strength bar for Angular

Installation

$ npm install ngx-strength-bar --save

Attention

This is still Work In Progress (WIP)

Usage

Import StrengthBarModule in your app module:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { StrengthBarModule } from 'ngx-strength-bar';

@NgModule({
  imports: [
    BrowserModule,
    StrengthBarModule.forRoot(),
  ]
})
export class AppModule { }

(Only import in your root module with .forRoot()! In other submodules just import a module itself.)

Then in your component template use ngx-strength-bar component:

import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
import { AdvancedRenderer, AdvancedRendererMethod, elementExpression } from 'ngx-strength-bar';

@Component({
  selector: 'my-component',
  template: `<ngx-strength-bar [string]="somePassword"></ngx-strength-bar>`
})
class MyComponent  {
  somePassword: string;
}