-1

我按照官方延迟加载功能模块页面上的方法在我的项目中实现了延迟加载功能。但是，我不知道如何将不会被定向为 NavMenuComponent、Sidebar 等的模块或组件处理。另一方面，我应该为 HomeComponent 设置path: '',还是为 Home 创建新路由？

这是我困惑的几点：

1.我认为我不需要创建navmenu-routing.module.ts和navmenu.module.ts为其他路线创建的一样。真的吗？

2.在 app.module 中，我定义了我的 NavMenuComponent，如下所示。但我不确定是否应该将 NavMenuComponent 移至声明字段？

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    AppRoutingModule,
    NavMenuComponent
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

3.在 app-routimg.module 中，我不使用NavMenuComponent. 这是对的吗？

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  {
    path: 'customers',
    loadChildren: () => import('./counter/customer.module').then(m => m.CustomerModule)
  },
  {
    path: 'orders',
    loadChildren: () => import('./order/order.module').then(m => m.OrderModule)
  },
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full'
  }
];

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

有什么错误或任何我应该检查的吗？

4

1 回答 1

0

不太清楚这个问题，但我觉得你正在尝试让路由延迟加载工作

  1. 您的应用模块和路由模块看起来正确

  2. 现在在 order 模块中，您将有一个 order-routing.module.ts 文件，您可以在其中定义一个路径，例如

  const routes: Routes = [
      {path:'list', component: ListOrdersComponent}
    ];
  1. 现在在您的导航组件中，您可以调用路由 /order/list，它将在路由器出口中显示 ListOrdersComponent。
于 2020-09-30T10:36:59.410 回答