Angular路由（Routing）的学习路径是怎样的？

本文共计1425个文字，预计阅读时间需要6分钟。

本章节为家庭用户深入解析Angular中的路由（Routing），介绍基本用法，探讨如何接收参数，愿对大家有所帮助！

环境：- Angular CLI: 11.0.6- Angular: 11.0.7- Node: 12.18.3- npm: 6.14.6- IDE: Vi

本篇文章带大家了解一下Angular中的路由（Routing），介绍一下路由的基本用法，看看怎么接收参数，希望对大家有所帮助！

环境:

• Angular CLI: 11.0.6

• Angular: 11.0.7

• Node: 12.18.3

• npm : 6.14.6

• IDE: Visual Studio Code

1. 摘要

简单来说地址栏中，不同的地址（URL）对应不同的页面，这就是路由。同时，点击浏览器的前进和后退按钮，浏览器就会在你的浏览历史中向前或向后导航，这也是基于路由。

在 Angular 里面，Router 是一个独立的模块，定义在 @angular/router 模块中，

1. Router 可以配合 NgModule 进行模块的延迟加载（懒加载）、预加载操作（参考《Angular入门到精通系列教程（11）- 模块(NgModule)，延迟加载模块》）；
2. Router 会管理组件的生命周期，它会负责创建、销毁组件。