Angular2 提供了比angular1 更为强大的路由功能,但是在具体使用路由过程中,可是出现了很多路由不按照预想的方式执行的问题。为了说明今天的问题,我特地新建了一个测试工程。欢迎交流。

首先介绍一下测试代码的组织结构,

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

 

 

其中包含两个组件:button、accordion。这个例子采用的是ng2-bootstrap.

我展示一下路由配置:

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

 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    &
        
		

网友评论