如何解决角度:无法在延迟加载的模块组件中定义路由器出口:
我想制作一个有3个组件的延迟加载模块。主要是Auth组件(以及signIn和signOut组件)。因此,我进行了延迟加载,并延迟加载了模块,但是我无法在auth组件中定义router-outlet标记以使子路由正常工作。
import {NgModule} from '@angular/core';
import {Routes,RouterModule} from '@angular/router';
import {AuthorizationModule} from './authorization/authorization.module';
const routes: Routes = [
{path: 'auth',loadChildren: () => AuthorizationModule}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],exports: [RouterModule]
})
export class AppRoutingModule {
}
import {NgModule} from '@angular/core';
import {RouterModule,Routes} from '@angular/router';
import {SignUpComponent} from './sign-up/sign-up.component';
import {SignInComponent} from './sign-in/sign-in.component';
import {AuthComponent} from './auth/auth.component';
const routes: Routes = [
{
path: '',component: AuthComponent,children: [
{path: 'signIn',component: SignInComponent},{path: 'signUp',component: SignUpComponent}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],exports: [RouterModule]
})
export class AuthRoutingModule {
}
解决方法
将AuthRoutingModule
导入您的AuthorizationModule
@NgModule({
imports: [
AuthRoutingModule // Add this statement
]
})
export class AuthorizationModule{ }
,
无论如何,您都没有在AppRoutingModule
const routes: Routes = [ {
path: 'auth',loadChildren: () => import('./path/to/your/auth/module/ts/file').then((m: AuthModule) => m.AuthModule)
}
];
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。