[web-app] ng-alain模版工程初始化
This commit is contained in:
77
web-app/src/app/global-config.module.ts
Normal file
77
web-app/src/app/global-config.module.ts
Normal file
@@ -0,0 +1,77 @@
|
||||
/* eslint-disable import/order */
|
||||
import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';
|
||||
import { DelonACLModule } from '@delon/acl';
|
||||
import { AlainThemeModule } from '@delon/theme';
|
||||
import { AlainConfig, ALAIN_CONFIG } from '@delon/util/config';
|
||||
|
||||
import { throwIfAlreadyLoaded } from '@core';
|
||||
|
||||
import { environment } from '@env/environment';
|
||||
|
||||
// Please refer to: https://ng-alain.com/docs/global-config
|
||||
// #region NG-ALAIN Config
|
||||
|
||||
const alainConfig: AlainConfig = {
|
||||
st: { modal: { size: 'lg' } },
|
||||
pageHeader: { homeI18n: 'home' },
|
||||
lodop: {
|
||||
license: `A59B099A586B3851E0F0D7FDBF37B603`,
|
||||
licenseA: `C94CEE276DB2187AE6B65D56B3FC2848`
|
||||
},
|
||||
auth: { login_url: '/passport/login' }
|
||||
};
|
||||
|
||||
const alainModules: any[] = [AlainThemeModule.forRoot(), DelonACLModule.forRoot()];
|
||||
const alainProvides = [{ provide: ALAIN_CONFIG, useValue: alainConfig }];
|
||||
|
||||
// #region reuse-tab
|
||||
/**
|
||||
* 若需要[路由复用](https://ng-alain.com/components/reuse-tab)需要:
|
||||
* 1、在 `shared-delon.module.ts` 导入 `ReuseTabModule` 模块
|
||||
* 2、注册 `RouteReuseStrategy`
|
||||
* 3、在 `src/app/layout/default/default.component.html` 修改:
|
||||
* ```html
|
||||
* <section class="alain-default__content">
|
||||
* <reuse-tab #reuseTab></reuse-tab>
|
||||
* <router-outlet (activate)="reuseTab.activate($event)"></router-outlet>
|
||||
* </section>
|
||||
* ```
|
||||
*/
|
||||
// import { RouteReuseStrategy } from '@angular/router';
|
||||
// import { ReuseTabService, ReuseTabStrategy } from '@delon/abc/reuse-tab';
|
||||
// alainProvides.push({
|
||||
// provide: RouteReuseStrategy,
|
||||
// useClass: ReuseTabStrategy,
|
||||
// deps: [ReuseTabService],
|
||||
// } as any);
|
||||
|
||||
// #endregion
|
||||
|
||||
// #endregion
|
||||
|
||||
// Please refer to: https://ng.ant.design/docs/global-config/en#how-to-use
|
||||
// #region NG-ZORRO Config
|
||||
|
||||
import { NzConfig, NZ_CONFIG } from 'ng-zorro-antd/core/config';
|
||||
|
||||
const ngZorroConfig: NzConfig = {};
|
||||
|
||||
const zorroProvides = [{ provide: NZ_CONFIG, useValue: ngZorroConfig }];
|
||||
|
||||
// #endregion
|
||||
|
||||
@NgModule({
|
||||
imports: [...alainModules, ...(environment.modules || [])]
|
||||
})
|
||||
export class GlobalConfigModule {
|
||||
constructor(@Optional() @SkipSelf() parentModule: GlobalConfigModule) {
|
||||
throwIfAlreadyLoaded(parentModule, 'GlobalConfigModule');
|
||||
}
|
||||
|
||||
static forRoot(): ModuleWithProviders<GlobalConfigModule> {
|
||||
return {
|
||||
ngModule: GlobalConfigModule,
|
||||
providers: [...alainProvides, ...zorroProvides]
|
||||
};
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user