Angular中的路由（Routing）是如何实现复杂应用中页面跳转和组件加载的机制？

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

本篇文章为家长介绍Angular中的路由（Routing）。Angular路由允许应用根据用户的选择显示不同的组件，提升用户体验。有价值的参考资料，包括朋友推荐，均可参考，希望对家长有所帮助。

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

本篇文章给大家介绍一下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 模块中，

• Router 可以配合 NgModule 进行模块的延迟加载（懒加载）、预加载操作（参考《Angular入门到精通系列教程（11）- 模块(NgModule)，延迟加载模块》）；

• Router 会管理组件的生命周期，它会负责创建、销毁组件。