### Angular2 RC6 - 带路由的嵌套模块
Angular2 是一个流行的前端框架，它通过模块化的方式帮助开发者构建复杂的单页面应用程序。在 Angular2 RC6 中，引入了路由模块，使得管理页面导航和组件加载更加便捷。特别是在嵌套模块的情况下，路由的使用变得更为重要。让我们深入探讨如何在 Angular2 RC6 中创建带路由的嵌套模块，并附上案例代码。### 创建嵌套模块首先，在 Angular2 RC6 中创建一个带有嵌套路由的模块，需要充分利用 Angular 的模块化特性。假设我们有一个名为 `ParentModule` 的父模块和 `ChildModule` 的子模块。首先，创建父模块和子模块的基本结构。typescript// parent.module.tsimport { NgModule } from '@angular/core';import { RouterModule } from '@angular/router';import { ParentComponent } from './parent.component';import { ChildModule } from './child.module';@NgModule({ declarations: [ ParentComponent ], imports: [ RouterModule.forChild([ { path: 'parent', component: ParentComponent, children: [ { path: 'child', loadChildren: () => import('./child.module').then(m => m.ChildModule) } ] } ]), ChildModule ], exports: [ RouterModule ]})export class ParentModule { }在上面的代码中，`ParentModule` 引入了 `RouterModule` 用于处理路由，并定义了 `/parent` 路径。在 `/parent` 路径下，使用 `children` 属性定义了子路由，加载了 `ChildModule` 模块。typescript// child.module.tsimport { NgModule } from '@angular/core';import { RouterModule } from '@angular/router';import { ChildComponent } from './child.component';@NgModule({ declarations: [ ChildComponent ], imports: [ RouterModule.forChild([ { path: '', component: ChildComponent } ]) ]})export class ChildModule { }`ChildModule` 是子模块，定义了空路径并指定了 `ChildComponent` 作为其组件。### 实现嵌套路由在父模块和子模块的定义中，通过 `RouterModule.forChild` 方法分别定义了父模块和子模块的路由。父模块中使用 `children` 属性定义子路由，并通过 `loadChildren` 属性懒加载了子模块 `ChildModule`。typescript// parent.component.tsimport { Component } from '@angular/core';@Component({ selector: 'app-parent', template: ` Parent Component
typescript// child.component.tsimport { Component } from '@angular/core';@Component({ selector: 'app-child', template: 'Child Component
'})export class ChildComponent { }### 在 Angular2 RC6 中，使用路由模块创建带有嵌套模块的应用程序是一项强大的功能。通过合理利用模块化的特性，可以清晰地组织代码结构并实现复杂的页面导航。嵌套模块的创建需要注意正确定义路由，以及合理引入子模块和组件。以上是在 Angular2 RC6 中创建带有路由的嵌套模块的基本流程和示例代码，希望能帮助你更好地理解和应用 Angular2 中的路由功能。