From 1c06867bfdf4fadfe876188026a5b3813fcf350a Mon Sep 17 00:00:00 2001 From: sumeyye Date: Fri, 11 Jul 2025 16:46:12 +0300 Subject: [PATCH] update: small keywords about standalone migration for lepton-x theme --- ...x-components-with-angular-custom-layout.md | 23 ++++++++----------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/docs/en/ui-themes/lepton-x/how-to-use-lepton-x-components-with-angular-custom-layout.md b/docs/en/ui-themes/lepton-x/how-to-use-lepton-x-components-with-angular-custom-layout.md index f68f3bd90f..57cdcd0ec9 100644 --- a/docs/en/ui-themes/lepton-x/how-to-use-lepton-x-components-with-angular-custom-layout.md +++ b/docs/en/ui-themes/lepton-x/how-to-use-lepton-x-components-with-angular-custom-layout.md @@ -5,25 +5,22 @@ First, The custom layout component should be created and implemented for the Ang Related content can be found in the [Component Replacement Document](../../framework/ui/angular/component-replacement.md#how-to-replace-a-layout) - -After creating a custom layout, these imports should be imported in the `app.module.ts` file because the modules contain definitions of the Lepton X components. +After creating a custom layout, these imports should be imported in the `app.config.ts` file because the modules contain definitions of the Lepton X components. ```javascript -// app.module.ts +// app.config.ts import { LpxSideMenuLayoutModule } from '@volosoft/ngx-lepton-x/layouts'; import { LpxResponsiveModule } from '@volo/ngx-lepton-x.core';// optional. Only, if you are using lpxResponsive directive - @NgModule({ - //... removed for clearity - imports: [ - //... removed for clearity - LpxSideMenuLayoutModule, - LpxResponsiveModule // <-- Optional - ] -}) -export class AppModule {} - +export const appConfig: ApplicationConfig = { + providers: [ + importProvidersFrom([ + LpxSideMenuLayoutModule, + LpxResponsiveModule // <-- Optional + ]) + ], +}; ``` Here is the simplified version of the `side-menu-layout.ts` file. Only the ABP Component Replacement code has been removed.