Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

PasswordMeterComponent + Angular


Hi, I had seen KTPasswordMeter is being used in HTML demos. While in the Angular demo there is a component named - PasswordMeterComponent.

Now would you please tell, me how to use PasswordMeterComponent on the Angular signup page? I wouldn't like to use it as a global script.

Any doc on PasswordMeterComponent usage in Angular?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


I wanted to register a business in Switzerland for a long time, and I found this service, which helped me a lot to do it quickly and easily. Therefore, I advise you to use this service as well, because it is perfect for you if you want to register a Swiss corporation . I hope this service will help you!



Hi,

Unfortunately, in the current version, we don't support PasswordMetter for Angular.
It will be implemented and documented in future releases.
Maybe 3d party library like this will help you:

Regards,
Keenthemes support



Hi, Figured out how to use the component.


import {
PasswordMeterComponent
} from "../../../../_metronic/kt/components";



ngOnInit(): void {
this.initForm();
setTimeout(() => {
PasswordMeterComponent.reinitialization()
}, 50)
}


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(