Angular2 路由问题修复详解

/
  Created by guozhiqi on 2017/2/24.
 /
import {Route,Routes}from '@angular/router';
import {AppComponent}from './app.ponent';
import {LayoutComponent}from './layout/layout.ponent';

export const routes:Routes=[
 {
  path:'',
  redirectTo:'button',
  pathMatch:'full'
 },
 {
  path:'',
  ponent:LayoutComponent,
  children:[
   {
    path:'button',
    loadChildren:'./Button/Button-guo.module#ButtonGuoModule'
   },
   {
    path:'aordion',
    loadChildren:'./aordionguo/aordion-guo.module#AordionGuoModule'
   }
  ]
 },
 {
  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.ponent';
import {ButtonsModule}from 'ng2-bootstrap/buttons';
import {routes}from './app.routing';
import {RouterModule}from '@angular/router';
import {CommonModule}from '@angular/mon';
import {AordionGuoModule}from './aordionGuo/aordion-guo.module';
import {LayoutComponent}from './layout/layout.ponent';
@NgModule({
 declarations: [
  AppComponent,LayoutComponent
 ],
 imports: [RouterModule.forRoot(routes),AordionGuoModule,
  BrowserModule,RouterModule,CommonModule,
  FormsModule,ButtonGuoModule,
  HttpModule
 ],
 providers: [],
 bootstrap: [AppComponent]
})
export class AppModule { }