Angular 路由的使用

2019独角兽企业重金招聘Python工程师标准>>>

引入路由模块

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

配置路由

import { HomeComponent } from './home.component';
export const ROUTES: Routes = [
    {
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
    },
    {
        path: 'home',
        component: 'HomeComponent'
    },
    {
        path: 'order',
        loadChildren: './order/order.module#OrderModule'
    }
];

引入ngModule

@NgModule({
    imports: [
        BrowserModule,
        RouterModule.forRoot(ROUTES)
    ],
    declarations: [
        AppComponent, HomeComponent
    ],
    bootstrap: [ AppComponent ]
})

错误

• 路由 Error: Cannot find module './order/order.module'.

webpack打包 路由中loadChildren的使用需要下面配置

loaders: [
  'awesome-typescript-loader',
  'angular-router-loader'
]                       

转载于:https://my.oschina.net/yan5845hao/blog/997588