diff --git a/docs/en/Authorization.md b/docs/en/Authorization.md
index d92dd03151..de89920946 100644
--- a/docs/en/Authorization.md
+++ b/docs/en/Authorization.md
@@ -367,4 +367,4 @@ This is already done for the startup template integration tests.
* [Permission Management Module](Modules/Permission-Management.md)
* [ASP.NET Core MVC / Razor Pages JavaScript Auth API](API/JavaScript-API/Auth.md)
-* [Permissions in Angular Projects](UI/Angular/PermissionManagement.md)
+* [Permission Management in Angular UI](UI/Angular/Permission-Management.md)
diff --git a/docs/en/UI/Angular/ComponentReplacement.md b/docs/en/UI/Angular/Component-Replacement.md
similarity index 100%
rename from docs/en/UI/Angular/ComponentReplacement.md
rename to docs/en/UI/Angular/Component-Replacement.md
diff --git a/docs/en/UI/Angular/Localization.md b/docs/en/UI/Angular/Localization.md
index 99716603a1..01394a3fea 100644
--- a/docs/en/UI/Angular/Localization.md
+++ b/docs/en/UI/Angular/Localization.md
@@ -1,4 +1,4 @@
-## Localization in Angular Projects
+# Localization
Before you read about _the Localization Pipe_ and _the Localization Service_, you should know about localization keys.
@@ -24,7 +24,7 @@ So these two are the same:
{%{{{ 'MyProjectName::Key' | abpLocalization }}}%}
```
-### Using the Localization Pipe
+## Using the Localization Pipe
You can use the `abpLocalization` pipe to get localized text as in this example:
diff --git a/docs/en/UI/Angular/PermissionManagement.md b/docs/en/UI/Angular/Permission-Management.md
similarity index 90%
rename from docs/en/UI/Angular/PermissionManagement.md
rename to docs/en/UI/Angular/Permission-Management.md
index 98829cefff..6e5c5d7155 100644
--- a/docs/en/UI/Angular/PermissionManagement.md
+++ b/docs/en/UI/Angular/Permission-Management.md
@@ -1,6 +1,6 @@
-## Permissions in Angular Projects
+# Permission Management
-A permission is a simple policy that is granted or prohibited for a particular user, role or client. You can read more about [authorization in ABP](Authorization.md) document.
+A permission is a simple policy that is granted or prohibited for a particular user, role or client. You can read more about [authorization in ABP](../../Authorization.md) document.
You can get permission of authenticated user using `getGrantedPolicy` selector of `ConfigState`.
@@ -37,7 +37,7 @@ export class YourComponent {
}
```
-### Permission Directive
+## Permission Directive
You can use the `PermissionDirective` to manage visibility of a DOM Element accordingly to user's permission.
@@ -51,7 +51,7 @@ As shown above you can remove elements from DOM with `abpPermission` structural
The directive can also be used as an attribute directive but we recommend to you to use it as a structural directive.
-### Permission Guard
+## Permission Guard
You can use `PermissionGuard` if you want to control authenticated user's permission to access to the route during navigation.
@@ -74,6 +74,6 @@ const routes: Routes = [
Granted Policies are stored in the `auth` property of `ConfigState`.
-## See Also
+## What's Next?
-* [Authorization](../../Authorization.md)
\ No newline at end of file
+* [Component Replacement](./Component-Replacement.md)
\ No newline at end of file
diff --git a/docs/en/docs-nav.json b/docs/en/docs-nav.json
index 88553298e6..c77a9e6970 100644
--- a/docs/en/docs-nav.json
+++ b/docs/en/docs-nav.json
@@ -290,11 +290,11 @@
},
{
"text": "Permission Management",
- "path": "UI/Angular/PermissionManagement.md"
+ "path": "UI/Angular/Permission-Management.md"
},
{
"text": "Component Replacement",
- "path": "UI/Angular/ComponentReplacement.md"
+ "path": "UI/Angular/Component-Replacement.md"
}
]
}