相同路径和不同模块的Angular 6延迟加载

时间:2018-12-19 13:06:14

标签: angular lazy-loading

回想一下延迟加载示例(app-routing-module):

const routes: Routes = [
  {
    path: 'customers',
    loadChildren: './customers/customers.module#CustomersModule'
  },
  {
    path: 'orders',
    loadChildren: './orders/orders.module#OrdersModule'
  },
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full'
  }
];

因此,例如,如果当前路径为www.mydomain.com/home,并且我按下了客户按钮(将我重定向到www.mydomain.com/customers/something),则会加载CostumersModule。 (从现在开始,我将“ / costumers”称为子目录)。

现在,我们有另一个模块,即BooksModule,它由2页组成:

BooksFirstComponent //路径= www.mydomain.com/bookone

BooksSecondComponent //路径= www.mydomain.com/booktwo

(请注意,这些页面没有子目录,所以我不确定如何延迟加载它们)

是否只有在单击BookModule的页面之一时才能加载BookModule?

我不确定这是否能完成工作

const routes: Routes = [
  {
    path: 'customers',
    loadChildren: './customers/customers.module#CustomersModule'
  },
  {
    path: 'orders',
    loadChildren: './orders/orders.module#OrdersModule'
  },
  {
    path: '',
    loadChildren: './books/books.module#BooksModule'
  },
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full'
  }
];

在进行延迟加载时,子目录是必须的吗?

如果没有,那么没有子目录怎么办?

0 个答案:

没有答案