From 00c41f56698e2bdb84b27bc36b2255ea3be0cf50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sinan=20=C3=96zt=C3=BCrk?=
<72804437+Sinan997@users.noreply.github.com>
Date: Mon, 31 Jul 2023 10:58:53 +0300
Subject: [PATCH] Update Show-Password-Directive.md
---
docs/en/UI/Angular/Show-Password-Directive.md | 17 ++++++++++-------
1 file changed, 10 insertions(+), 7 deletions(-)
diff --git a/docs/en/UI/Angular/Show-Password-Directive.md b/docs/en/UI/Angular/Show-Password-Directive.md
index db54bcdd76..6c3cbe4f45 100644
--- a/docs/en/UI/Angular/Show-Password-Directive.md
+++ b/docs/en/UI/Angular/Show-Password-Directive.md
@@ -4,16 +4,17 @@ In password input, text can be shown easily via changing input type attribute to
## Getting Started
-
-In order to use the `ShowPasswordDirective` in an HTML template, the **`CoreModule`** should be imported into your module like this:
+`ShowPasswordDirective` is standalone. In order to use the `ShowPasswordDirective` in an HTML template, import it to related module or your standalone component:
```ts
-// ...
-import { CoreModule } from '@abp/ng.core';
+import { ShowPasswordDirective } from '@abp/ng.core';
@NgModule({
//...
- imports: [..., CoreModule],
+ imports: [
+ ...,
+ ShowPasswordDirective
+ ],
})
export class MyFeatureModule {}
```
@@ -25,6 +26,7 @@ The `ShowPasswordDirective` is very easy to use. The directive's selector is **`
See an example usage:
```ts
+import { ShowPasswordDirective } from '@abp/ng.core';
@Component({
selector: 'test-component',
standalone: true,
@@ -34,7 +36,8 @@ See an example usage:
icon
- `
+ `,
+ imports: [ShowPasswordDirective]
})
export class TestComponent{
showPassword = false;
@@ -49,4 +52,4 @@ See the result:
To see password input click icon.
-
\ No newline at end of file
+