Angular2次级路由的详细说明

写了一段时间的Angular 2，还是觉得更喜欢Angular 1。

第1版更集成，按模块区分，但没有更细致的划分。在版本2中，创建模块组件时有很好的区别。每个模块独立管理自己的组件，也管理组件中自己的风格和效果。

在以前的版本1中，集成路由非常容易，主路由和次路由都可以写入一个文件中

然而，在2中，路由被写入上层模块。一般以app为主模块，定义了app-routing.module.ts的一条主路由。

Angular 2的基本介绍也在上一篇文章中提到过

从这里开始创建项目：

第一步：创建一个基于angular-cli的项目

ng new project的名称-name //是创建后的一个基本项目框架，包括根模块、根组件等。在根模块中，最初定义的路由在其中，但在一般的工程项目中，它更习惯于将路由重构为模块。

有关详细信息，请参考Angular 2文档高级教程中的路线和导航。

第二步：此时，可以创建一个app-routing.module.ts文件来放置总路线，其中redirectTo是打开项目时的路线方向。

第三步：创建一个一级模块，在项目中打开一个命令窗口，输入

ng g模块的名称my-new-module //module假设这里输入的是ng g模块用户，将直接生成以下文件

此时，它也将在app.module.ts中生成

步骤4:创建组件

ng g component my-new-component//component name在这里，我创建了两个名为usermanagement adduser的组件，这两个组件还生成了以下文件

次要组件也在user.module.ts中生成

步骤5:在模块中编写路由配置

它仍然写在user.module.ts中，组件注入后，写入到儿童的二级路由中，这里必不可少的是路径的空白链接！否则，它将报告用户的错误，这相当于父层的方向

还有最后显示的位置，主要路线写在app.component.html

次要路线写在相应的父页面上，我在这里的user.component.html写它

这些是基本步骤。长时间使用Angular 1，我们无法改变思维，但实际上Angular 2版本更清晰地告诉了我们每个模块管理什么，也更容易掌握。

以上对Angular2二级路由的详细说明，都是边肖分享的内容，希望能给大家一个参考和支持。