如何解决向延迟加载的模块中注入配置
经过一整夜的环视,我找不到与该概念相关的大量信息,而且几种混合方法使我感到头疼。
我最近一直在优化几个小型Angular前端应用程序,并注意到我的登录和身份验证模块以及几个功能模块之间的功能存在巨大的交叉。因此,我的第一步就是决定创建一个共享的登录模块,该模块以通用的布局公开所有必要的登录,注册和重置功能。
此模块被延迟加载到master组件中,而所有其他功能模块也被加载到core.module中。
import { NgModule } from '@angular/core';
import { Routes,RouterModule } from '@angular/router';
import { LoginRoutingModule } from './modules/login/login-routing.module';
const routes: Routes = [
{
path: 'login',loadChildren: () => import('./modules/login/login.module').then((m) => m.LoginModule),},{
path: '',loadChildren: () => import('./core/core.module').then((m) => m.CoreModule),{
path: 'login-redirect',redirectTo: '',pathMatch: 'full',{
path: 'logout',redirectTo: '/login',{
path: '*',];
@NgModule({
imports: [RouterModule.forRoot(routes,{ enableTracing: false })],exports: [RouterModule],})
export class AppRoutingModule {}
此刻,我依赖于在登录模块内触发的路径重定向。但是,我希望配置此功能,以便可以传递如下配置:
{redirect: '/home'}
然后登录服务将处理正确的重定向。这种方法适用于任何具有可注射配置的模块,但是我正在努力解决的是如何对未严格导入模块的延迟加载模块实现这一目标。
保持开闭原则,这是一种的工作。我希望这种方法不适用于其他模块,这些模块应该能够在不了解调用模块的情况下进行配置注入。 / p>
我尝试使用forRoot允许注入配置并使用服务绑定配置:
export class LoginModule {
static forRoot(config: LoginConfig): ModuleWithProviders {
return {
ngModule: LoginModule,providers: [
LoginService,{
provide: ConfigInject,useValue: config,],};
}
}
但是那样会出现很多奇怪的编译器错误。
我希望能够更充分地利用这种模式,但这是第一个要重构的模块,我已经处于困境。我的最终目标是简单地安装模块并延迟加载它,从而最大程度地提高可插入性。
我的问题:
- 使用Angular中的延迟加载内部结构是否有可能实现?
- 有人在旅行中实现了这一目标吗?
- 是否最好导入此模块并直接使用该组件并删除延迟加载?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。