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