Angular2 路由问题修复详解

/**

 * Created by guozhiqi on 2017/2/24.

 */

import {Route,Routes}from'@angular/router'

import {AppComponent}from'./app.component'

import {LayoutComponent}from'./layout/layout.component'

export const routes:Routes=[

 {

  path:'',

  redirectTo:'button',

  pathMatch:'full'

 },

 {

  path:'',

  component:LayoutComponent,

  children:[

   {

    path:'button',

    loadChildren:'./Button/Button-guo.module#ButtonGuoModule'

   },

   {

    path:'accordion',

    loadChildren:'./accordionguo/accordion-guo.module#AccordionGuoModule'

   }

  ]

 },

 {

  path:'**',

  redirectTo:'button',

 }

];

import { BrowserModule } from'@angular/platform-browser'

import { NgModule } from'@angular/core'

import { FormsModule } from'@angular/forms'

import { HttpModule } from'@angular/http'

import {ButtonGuoModule}from'./button/button-guo.module'

import { AppComponent } from'./app.component'

import {ButtonsModule}from'ng2-bootstrap/buttons'

import {routes}from'./app.routing'

import {RouterModule}from'@angular/router'

import {CommonModule}from'@angular/common'

import {AccordionGuoModule}from'./accordionGuo/accordion-guo.module'

import {LayoutComponent}from'./layout/layout.component'

@NgModule({

 declarations: [

  AppComponent,LayoutComponent

 ],

 imports: [RouterModule.forRoot(routes),AccordionGuoModule,

  BrowserModule,RouterModule,CommonModule,

  FormsModule,ButtonGuoModule,

  HttpModule

 ],

 providers: [],

 bootstrap: [AppComponent]

})

export class AppModule { }