Angular 路由完整指南

Desknumber

在本教程中，Ahmed Bouchefra 介绍了 Angular Router 以及如何使用它来创建具有路由和导航功能的客户端应用程序和单页应用程序。
如果您仍然不太熟悉 Angular 7，我想让您更接近这个令人印象深刻的前端框架所提供的一切。我将引导您完成一个 Angular 演示应用程序，该应用程序显示与路由器相关的不同概念，例如：

路由器插座，
路线和路径，
导航。
我还将向您展示如何使用 Angular CLI v7 生成一个演 电子邮件营销列表 示项目，我们将在其中使用 Angular 路由器来实现路由和导航。但首先，请允许我向您介绍 Angular 并回顾其最新版本中的一些重要新功能。

介绍 Angular 7  
Angular 是最流行的前端框架之一，用于为移动和桌面 Web 构建客户端 Web 应用程序。它遵循基于组件的架构，其中每个组件都是独立且可重用的代码段，用于控制应用程序 UI 的一部分。



Angular 中的组件是用@Component装饰器装饰的 TypeScript 类。它有一个附加的模板和 CSS 样式表来形成组件的视图。

Angular 7 是 Angular 的最新版本，最近发布了新功能，特别是在 CLI 工具和性能方面，例如：

ng addCLI 提示：像和这样的常见命令ng new现在可以提示用户选择要添加到项目中的功能，例如路由和样式表格式等。
向 Angular Material CDK（组件 DevKit）添加滚动功能。
向 Angular Material CDK 添加拖放支持。
项目还默认使用预算捆绑包，当开发人员的应用程序超过大小限制时，它会向开发人员发出警告。默认情况下，当大小超过 2MB 时会引发警告，超过 5MB 时会引发错误。您还可以在angular.json文件中更改这些限制。ETC。