diff --git a/npm/ng-packs/apps/dev-app/src/app/app-routing.module.ts b/npm/ng-packs/apps/dev-app/src/app/app-routing.module.ts
index 6ee751f9af..deb22273f8 100644
--- a/npm/ng-packs/apps/dev-app/src/app/app-routing.module.ts
+++ b/npm/ng-packs/apps/dev-app/src/app/app-routing.module.ts
@@ -13,7 +13,7 @@ const routes: Routes = [
   },
   {
     path: 'identity',
-    loadChildren: () => import('@abp/ng.identity').then(m => m.IdentityModule.forLazy()),
+    loadChildren: () => import('@abp/ng.identity').then(m => m.identityRoutes),
   },
   {
     path: 'tenant-management',
diff --git a/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts b/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts
index 664c992478..d5a8da5962 100644
--- a/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts
+++ b/npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.ts
@@ -5,7 +5,10 @@ import {
   PagedResultDto,
 } from '@abp/ng.core';
 import { IdentityRoleDto, IdentityRoleService } from '@abp/ng.identity/proxy';
-import { ePermissionManagementComponents } from '@abp/ng.permission-management';
+import {
+  ePermissionManagementComponents,
+  PermissionManagementModule,
+} from '@abp/ng.permission-management';
 import {
   Confirmation,
   ConfirmationService,
@@ -35,7 +38,14 @@ import { PageModule } from '@abp/ng.components/page';
       useValue: eIdentityComponents.Roles,
     },
   ],
-  imports: [CommonModule, CoreModule, ThemeSharedModule, ExtensibleModule, PageModule],
+  imports: [
+    CommonModule,
+    CoreModule,
+    ThemeSharedModule,
+    ExtensibleModule,
+    PageModule,
+    PermissionManagementModule,
+  ],
 })
 export class RolesComponent implements OnInit {
   protected readonly list = inject(ListService<PagedAndSortedResultRequestDto>);
diff --git a/npm/ng-packs/packages/identity/src/lib/identity.routes.ts b/npm/ng-packs/packages/identity/src/lib/identity.routes.ts
index 2b3fea8057..9c66ec66e0 100644
--- a/npm/ng-packs/packages/identity/src/lib/identity.routes.ts
+++ b/npm/ng-packs/packages/identity/src/lib/identity.routes.ts
@@ -4,7 +4,9 @@ import {
   permissionGuard,
   ReplaceableComponents,
   ReplaceableRouteContainerComponent,
+  ReplaceableRouteContainerStandaloneComponent,
   RouterOutletComponent,
+  RouterOutletStandaloneComponent,
 } from '@abp/ng.core';
 import { RolesComponent, UsersComponent } from './components';
 import { identityExtensionsResolver } from './resolvers';
@@ -14,7 +16,7 @@ import { eIdentityComponents } from './enums';
 export const identityRoutes: Routes = [
   {
     path: '',
-    component: RouterOutletComponent,
+    component: RouterOutletStandaloneComponent,
     canActivate: [authGuard, permissionGuard],
     resolve: [identityExtensionsResolver],
     providers: [...provideIdentity()],
@@ -22,7 +24,7 @@ export const identityRoutes: Routes = [
       { path: '', redirectTo: 'roles', pathMatch: 'full' },
       {
         path: 'roles',
-        component: ReplaceableRouteContainerComponent,
+        component: ReplaceableRouteContainerStandaloneComponent,
         data: {
           requiredPolicy: 'AbpIdentity.Roles',
           replaceableComponent: {
@@ -34,7 +36,7 @@ export const identityRoutes: Routes = [
       },
       {
         path: 'users',
-        component: ReplaceableRouteContainerComponent,
+        component: ReplaceableRouteContainerStandaloneComponent,
         data: {
           requiredPolicy: 'AbpIdentity.Users',
           replaceableComponent: {
diff --git a/npm/ng-packs/packages/identity/src/public-api.ts b/npm/ng-packs/packages/identity/src/public-api.ts
index 4c4913f7eb..74cd5cce35 100644
--- a/npm/ng-packs/packages/identity/src/public-api.ts
+++ b/npm/ng-packs/packages/identity/src/public-api.ts
@@ -5,3 +5,4 @@ export * from './lib/identity.module';
 export * from './lib/models';
 export * from './lib/tokens';
 export * from './lib/resolvers';
+export * from './lib/identity.routes';