如何在Angular4中使用lazyload?
我试着去做 {path:'options',loadChildren:'app/options/options.module#options module'} 每个文件模块、html、js加载完成如何在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.如何设置 孩子们像
我可以按正常路线走 但我在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路由,则默认情况下需要提供更多信息。对于孩子,它应该可以工作。请添加代码或更多信息