gpt4 book ai didi

angular - 具有多个组件的延迟加载功能模块在 Angular 6 中不起作用

转载 作者:太空狗 更新时间:2023-10-29 17:53:18 25 4
gpt4 key购买 nike

我有一个带有customer-routing模块的customer模块:

const routes: Routes = [
{
path: '', component: CustomerComponent,
children: [
{ path: 'edit', component: EditCustomerComponent }
]
}
];

这是我的 app-routing 模块:

const routes: Routes = [
{ path: 'customers/:id', loadChildren: './customer/customer.module#CustomerModule' },
{ path: 'login', component: LoginComponent}
];

但是当我按照这样的路径 customers/3/edit 时,它总是向我显示 CustomerComponent 而不是 EditCustomerComponent

也许延迟加载不起作用?

PS: 我使用的是 angular 6.1.0

更新:我的客户模块

import {ReactiveFormsModule} from '@angular/forms';
import {CustomerComponent} from './customer.component';
import {EditCustomerComponent} from './edit-customer.component';

@NgModule({
imports: [
CommonModule,
CustomerRoutingModule,
ReactiveFormsModule
],
declarations: [CustomerComponent, EditCustomerComponent]
})
export class CustomerModule { }

最佳答案

您不必将编辑路径放在子项下。您的客户路由模块看起来像这样:

const routes: Routes = [
{ path: '', component: CustomerComponent },
{ path: 'edit', component: EditCustomerComponent }
];

还要确保检查此路由数组是否已在您的客户路由模块中使用 forChild 函数导入,如下所示:

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

希望这能解决您的路由问题。

关于angular - 具有多个组件的延迟加载功能模块在 Angular 6 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52465347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com