angular - 为什么必须为每个惰性模块提供 HTTP_INTERCEPTORS

Question

我AuthInterceptor在AppModule. 它工作正常，AppModule但在LazyModule. 我必须interceptor为所有 Lazy Module 提供此功能才能正常工作。

我真的很惊讶为什么会这样。我在其他项目中实现了同样的东西，效果很好，但在这里我必须在每个模块中提供。不知道是什么导致了这个问题。

应用模块

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        HttpClientModule,
        AppRoutingModule,

        //NgbModule.forRoot(),
        ThemeModule.forRoot(),
        CoreModule.forRoot(),
    ],
    bootstrap: [AppComponent],
    providers: [
        {provide: APP_BASE_HREF, useValue: '/'},
        {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true},
        AuthGuard,
        {
            provide: NbRoleProvider,
            useClass: RoleProvider,
        },
        ZtLoaderService
    ],
})
export class AppModule {
}

应用路由模块

const routes: Routes = [
    {
        path: 'pages',
        canActivate: [AuthGuard], // here we tell Angular to check the access with our AuthGuard
        loadChildren: 'app/pages/pages.module#PagesModule'
    },
    {path: '', redirectTo: 'pages', pathMatch: 'full'},
    {path: '**', redirectTo: 'pages'},
];

const config: ExtraOptions = {
    useHash: true,
};

@NgModule({
    imports: [RouterModule.forRoot(routes, config)],
    exports: [RouterModule],
})
export class AppRoutingModule {
}

页面模块

@NgModule({
  imports: [
    PagesRoutingModule,
    ThemeModule,
    Dashboard2Module
  ],
  declarations: [
    PagesComponent,
  ],
})
export class PagesModule {
}

页面路由模块

const routes: Routes = [{
    path: '',
    component: PagesComponent,
    children: [{
        path: 'dashboard',
        component: DashboardComponent2,
    },
    {
        path: 'profile',
        loadChildren: './profile/profile.module#ProfileModule',

    }],
}];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule],
})
export class PagesRoutingModule {
}

配置文件模块

@NgModule({
    imports: [
        ThemeModule,
        ProfileRoutingModule,
        Ng2SmartTableModule,

    ],
    declarations: [
        ...routedComponents,
        ...components

    ],
     providers: [{provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}],   //<--- Interceptor is provided here. Could be avoided.
})
export class ProfileModule {}

标签： angularangular7