路由与导航

本章学习目标

到目前为止，我们已经了解了 Angular 是什么、如何开始使用它，以及如何利用 Angular CLI 来帮助我们构建第一个 Angular 应用程序。然而，到目前为止我们构建的应用程序功能还比较有限。在接下来的几章中，我们将逐步为应用程序添加更多功能，使其变得更加交互。

在本章中，我们将首先探讨 Angular 中的路由与导航，并学习如何利用 Angular 提供的路由功能来 构建复杂且高级的导航系统，以满足应用程序的需求。

本章将涵盖以下主题：

• 什么是路由？
• 路由在 Angular 中的工作原理
• 如何为 Angular 应用程序设置路由
• 如何为 Angular 应用程序添加导航功能
• 什么是路由守卫及其使用方法
• 什么是异步路由，它能为你的 Angular 应用程序带来哪些优势

客户联系人管理应用

我们将继续扩展我们的客户联系人管理应用，为其添加导航功能，使用户能够在应用的不同部分之间进行切换。

📝 注意： 这是本章将要实现的效果预览。运行页面中的代码组件以编译并运行应用程序，然后在输出中查看结果。

你应该能在输出中看到如下界面：