Angular2 提供了比angular1 更为强大的路由功能,但是在具体使用路由过程中,可是出现了很多路由不按照预想的方式执行的问题。为了说明今天的问题,我特地新建了一个测试工程。欢迎交流。
首先介绍一下测试代码的组织结构,
其中包含两个组件:button、accordion。这个例子采用的是ng2-bootstrap.
我展示一下路由配置:
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 &