如何在Angular4中使用lazyload?

如何在Angular4中使用lazyload?,angular,angular2-routing,Angular,Angular2 Routing,我试着去做 {path:'options',loadChildren:'app/options/options.module#options module'} 每个文件模块、html、js加载完成 我可以按正常路线走 但我在loadChildren中单击链接路由并没有改变 我在根路径中使用hashbang(#) 我无法编写这个RouterModule.forChild(routes,{useHash:true}) 若不使用延迟加载,则将加载1个路由的所有页面和组件 问题? 1.如何设置 孩子们像

我试着去做

{path:'options',loadChildren:'app/options/options.module#options module'}

每个文件模块、html、js加载完成

我可以按正常路线走

但我在loadChildren中单击链接路由并没有改变

我在根路径中使用hashbang(#)

我无法编写这个RouterModule.forChild(routes,{useHash:true})

若不使用延迟加载,则将加载1个路由的所有页面和组件


问题?
1.如何设置 孩子们像这样发出砰砰声

RouterModule.forChild(路由)

因为RootRouter是这样使用hashbang(#)的

forRoot(路由,{useHash:true})

2.你能给我看Lazyload路线loadChildren中的代码Angular4.X吗

------------------------请帮帮我-----------------------------

我使用这个:

假设您在test.module.ts中有一个名为TestModule的模块,位于app/test/,在路由中加载它:

const routes: Routes = [
    { path: 'test', loadChildren: 'app/test/test.module#TestModule'},
];

您的问题不够清楚,但如果您想延迟加载模块, 然后参考以下示例了解延迟加载顺序模块

您的app.route.ts将被删除

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

const routes: Routes = [{
    path: 'orders',
    loadChildren: 'app/components/orders/orders.module#OrdersModule'
}]

@NgModule({
    imports: [
    RouterModule.forRoot(routes, { useHash: true })
],
exports: [
    RouterModule
],
declarations: []
})
export class AppRoutingModule { }
import { Routes, RouterModule } from '@angular/router';
import { OrderDetailsComponent } from './order-details/order-details.component';
const routes: Routes = [{
   path: 'orderDetails',
   component: OrderDetailsComponent
}];
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class OrdersRoutingModule { }
和orders.routing.module.ts将

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

const routes: Routes = [{
    path: 'orders',
    loadChildren: 'app/components/orders/orders.module#OrdersModule'
}]

@NgModule({
    imports: [
    RouterModule.forRoot(routes, { useHash: true })
],
exports: [
    RouterModule
],
declarations: []
})
export class AppRoutingModule { }
import { Routes, RouterModule } from '@angular/router';
import { OrderDetailsComponent } from './order-details/order-details.component';
const routes: Routes = [{
   path: 'orderDetails',
   component: OrderDetailsComponent
}];
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class OrdersRoutingModule { }

现在,您可以以localhost:4200/#/orders/orderDetails

的身份访问orderdetailscomponet,问题还不清楚!!如果将angular cli和angular模块与loadChildren一起使用,并使用RouterModule在模块中定义mosules路由,则默认情况下需要提供更多信息。对于孩子,它应该可以工作。请添加代码或更多信息