![](/img/trans.png)
[英]Nativescript Angular TabView + <page-router-outlet> in a lazy loaded module
[英]Angular: Cant define router outlet in lazy loaded module component:
我想制作延迟加载的模块,其中我有 3 个组件。 主要是Auth组件(以及signIn和signOut组件)。 所以我进行了延迟加载并延迟加载了我的模块,但是我无法在我的身份验证组件中定义路由器出口标签来使子路由工作。
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 { }
在AuthorizationModule
导入AuthRoutingModule
@NgModule({
imports: [
AuthRoutingModule // Add this statement
]
})
export class AuthorizationModule{ }
无论如何,您都AppRoutingModule
在AppRoutingModule
提供您正在使用的角度版本
const routes: Routes = [ {
path: 'auth',
loadChildren: () => import('./path/to/your/auth/module/ts/file').then((m: AuthModule) => m.AuthModule)
}
];
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.