From a42fd01dd58461014ec4bb8200f68597f1da2edc Mon Sep 17 00:00:00 2001 From: liangshiwei Date: Wed, 11 Sep 2024 10:26:17 +0800 Subject: [PATCH 1/2] Update how-replaceable-components-work-with-extensions.md --- .../how-replaceable-components-work-with-extensions.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md b/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md index 39c1f00cfec..c9ad937070c 100644 --- a/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md +++ b/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md @@ -232,7 +232,7 @@ We have added the `abp-page-toolbar`, `abp-extensible-table`, and `abp-extensibl You should import the required modules for the `MyRolesComponent` to `MyRolesModule`. Open the `src/my-roles/my-roles.module.ts` file and replace the content with the following: ```js -import { UiExtensionsModule } from '@abp/ng.theme.shared/extensions'; +import { ExtensionsModule } from '@abp/ng.components/extensible'; import { NgModule } from '@angular/core'; import { SharedModule } from '../shared/shared.module'; import { MyRolesComponent } from './my-roles.component'; @@ -240,13 +240,13 @@ import { PermissionManagementModule } from '@abp/ng.permission-management'; @NgModule({ declarations: [MyRolesComponent], - imports: [SharedModule, UiExtensionsModule, PermissionManagementModule], + imports: [SharedModule, ExtensionsModule, PermissionManagementModule], exports: [MyRolesComponent], }) export class MyRolesModule {} ``` -- `UiExtensionsModule` imported to be able to use the extension components in your component. +- `ExtensionsModule` imported to be able to use the extension components in your component. - `PermissionManagementModule` imported to be able to use the `abp-permission-*management` in your component. As the last step, it is needs to be replaced the `RolesComponent` with the `MyRolesComponent`. Open the `app.component.ts` and modify its content as shown below: From eff27a62ae82c3fb279a2a180e8d7f40a1d36e20 Mon Sep 17 00:00:00 2001 From: sumeyyeKurtulus Date: Wed, 11 Sep 2024 13:55:53 +0300 Subject: [PATCH 2/2] fix: some imports on the replaceable components documentation --- .../how-replaceable-components-work-with-extensions.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md b/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md index c9ad937070c..11a7f6dfb8d 100644 --- a/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md +++ b/docs/en/framework/ui/angular/how-replaceable-components-work-with-extensions.md @@ -18,7 +18,8 @@ Open the generated `src/app/my-roles/my-roles.component.ts` file and replace its ```js import { ListService, PagedAndSortedResultRequestDto, PagedResultDto } from '@abp/ng.core'; -import { eIdentityComponents, IdentityRoleDto, IdentityRoleService, RolesComponent } from '@abp/ng.identity'; +import { eIdentityComponents, RolesComponent } from '@abp/ng.identity'; +import { IdentityRoleDto, IdentityRoleService } from '@abp/ng.identity/proxy'; import { ePermissionManagementComponents } from '@abp/ng.permission-management'; import { Confirmation, ConfirmationService } from '@abp/ng.theme.shared'; import { @@ -232,7 +233,7 @@ We have added the `abp-page-toolbar`, `abp-extensible-table`, and `abp-extensibl You should import the required modules for the `MyRolesComponent` to `MyRolesModule`. Open the `src/my-roles/my-roles.module.ts` file and replace the content with the following: ```js -import { ExtensionsModule } from '@abp/ng.components/extensible'; +import { ExtensibleModule } from '@abp/ng.components/extensible'; import { NgModule } from '@angular/core'; import { SharedModule } from '../shared/shared.module'; import { MyRolesComponent } from './my-roles.component'; @@ -240,7 +241,7 @@ import { PermissionManagementModule } from '@abp/ng.permission-management'; @NgModule({ declarations: [MyRolesComponent], - imports: [SharedModule, ExtensionsModule, PermissionManagementModule], + imports: [SharedModule, ExtensibleModule, PermissionManagementModule], exports: [MyRolesComponent], }) export class MyRolesModule {}