Angular2 提供了比angular1 更為強大的路由功能,但是在具體使用路由過程中,可是出現(xiàn)了很多路由不按照預想的方式執(zhí)行的問題。為了說明今天的問題,我特地新建了一個測試工程。歡迎交流。

首先介紹一下測試代碼的組織結(jié)構(gòu),

photoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設(shè)計培訓,網(wǎng)站建設(shè)培訓

 

 

其中包含兩個組件:button、accordion。這個例子采用的是ng2-bootstrap.

我展示一下路由配置:

photoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設(shè)計培訓,網(wǎng)站建設(shè)培訓

 1 /** 2  * Created by guozhiqi on 2017/2/24. 3  */ 4 import {Route,Routes}from '@angular/router'; 5 import {AppComponent}from './app.component'; 6 import {LayoutComponent}from './layout/layout.component'; 7  8 export const routes:Routes=[ 9   {10     path:'',11     redirectTo:'button',12     pathMatch:'full'13   },14   {15     path:'',16     component:LayoutComponent,17     children:[18       {19         path:'button',20         loadChildren:'./Button/Button-guo.module#ButtonGuoModule'21       },22       {23         path:'accordion',24         loadChildren:'./accordionguo/accordion-guo.module#AccordionGuoModule'25    &