本课程简述

在本课程中，我们将详细学习将前端 UI 构建为单页应用程序的优势，而不是传统的多页应用程序。

单页应用程序（或 SPA）已经存在多年，并且现在比以往任何时候都更受欢迎，作为构建企业前端或互联网产品仪表板的简化方式。

SPA 通常为最终用户提供更好的用户体验，因为它们具有更好的感知性能和响应能力。在本课程中，我们将学习如何使用 Angular 路由器将我们的 Angular 应用程序变成 SPA。

 课程概述

我们将以一个还没有任何路由的小型 Angular 应用程序为起点。然后，我们将学习如何从头开始配置 Angular 路由器。我们将假设没有先验的 Angular Router 知识，因为我们从第一性原理开始解释一切。

我们将首先介绍基本的路由器概念，例如路由配置、路径、路由器出口和路由器导航链路。从这些基本概念出发，将构建一个更高级的路由方案。

我们将学习如何构建具有细节到细节导航场景的主细节，我们将使用此示例来介绍 Angular 路由器为我们提供的所有高级路由概念和强大功能。

这将包括延迟加载模块、使用 Resolver 预取数据、使用 Guard 保护路由访问、自定义预加载策略、辅助出口（辅助路由）等等。

 目录

本课程涵盖以下主题：

• 什么是单页应用程序？

• 路由器配置的最佳实践：主路由、找不到页面路由等。

• 路由器基本配置概念：路径、组件和出口

• 路由器导航基本概念;routerLink 和 routerLinkActive 指令

• 相对路由与绝对路由最佳实践

• 了解路径匹配和路由器配置顺序

• 路由器路径和查询参数

•  路由器重定向

• 与 Angular 路由器的深度链接：具有细节到细节导航方案的主细节

• 了解路由器快照与路由器可观察对象

•  延迟加载路由

• 使用解析器预加载路由数据

• 路由器模块预加载策略，构建自定义预加载策略

• 路由器防护 – CanActivate 和 CanActivateChild 身份验证防护

• 使用 CanDeactivate 防护装置防止路由出口

• 检查延迟加载的模块是否可以使用 CanLoad 加载

•  路由器加载指示器

• 了解路由器哈希定位策略

• 辅助路由器插座和辅助路由

• 路由器模块额外配置选项：enableTracing、scrollPositionRestoration、paramsInheritanceStrategy 等

您将在本课程中学到什么？

在本课程结束时，您将在现有的 Angular 应用程序中从头开始设置 Angular 路由器

您不仅会了解路由器的基本要素及其所有最先进的功能，而且最重要的是，您将确切地知道何时使用每个功能以及为什么使用，并且您将了解许多最佳实践，这些最佳实践将帮助您充分利用 Angular 路由器

看看下面的课程免费课程，请享受课程！