Angular13 教程

SVG 作为模板 你可以在 Angular 应用程序中将 SVG 文件用作模板。当你使用 SVG 作为模板时，…

内置指令 指令是为 Angular 应用程序中的元素添加额外行为的类。使用 Angular 的内置指令，你可以管理表单、列表、样式以及要让用…

属性型指令 使用属性型指令，可以更改 DOM 元素和 Angular 组件的外观或行为。 有关包含本指南中代码片段的有效示例，请参见现场演练…

Angular 中的依赖注入 依赖项是指某个类执行其功能所需的服务或对象。依赖项注入（DI）是一种设计模式，在这种设计模式中，类会从外部源请求依赖项而不是创建它们。 An…

依赖提供者 通过配置提供者，你可以把服务提供给那些需要它们的应用部件。 依赖提供者会使用 DI 令牌来配置注入器，注入器会用它来提供这个依赖值的具体的、运行时版…

常见路由任务 本主题讲述当把 Angular 路由器添加到应用中时，如何实现多种常见路由任务。 生成一个支持路由的应用 下面的命令会用 Angular…

在单页面应用中使用 Angular 路由 本教程将介绍如何构建一个使用多个 Angular 路由的单页面应用 SPA。 在&nbs…

路由器教程：英雄之旅 本教程提供了关于 Angular 路由器的概要性概述。在本教程中，你将基于基本的路由器配置来探索诸如子路由、路由参数、惰性加载 …

里程碑 1：起步 开始本应用的一个简版，它在两个空路由之间导航。 创建一个范例应用 创建一个新的 Angular 项目 angular-ro…

里程碑 2：路由模块 这个里程碑会向你展示如何配置一个名叫路由模块的专用模块，它会保存你应用的路由配置。 路由模块有以下几个特点： 把路由这个关注点从其它应用类关注点中分…

里程碑 3: 英雄特征区 本里程碑涵盖了以下内容： 用模块把应用和路由组织为一些特性区。 命令式的从一个组件导航到另一个 通过路由传递必要信息和可选信息 这个示…

里程碑 5：路由守卫 现在，任何用户都能在任何时候导航到任何地方。但有时候出于种种原因需要控制对该应用的不同部分的访问。可能包括如下场景： 该用户可能无权导航到目标组件 …

里程碑 6：异步路由 完成上面的里程碑后，应用程序很自然地长大了。在某一个时间点，你将达到一个顶点，应用将会需要过多的时间来加载。 为了解决这个问题，请使用异步路由，它会…

路由器参考手册 下面的部分重点介绍了一些路由器的核心概念。 路由器导入 Angular 的 Router 是一个可选服务，它为指定的 URL…

Angular 表单简介 用表单处理用户输入是许多常见应用的基础功能。 应用通过表单来让用户登录、修改个人档案、输入敏感信息以及执行各种数据输入任务。 Angu…

验证表单输入 通过验证用户输入的准确性和完整性，可以提高整体的数据质量。该页面显示了如何从 UI 验证用户输入，以及如何在响应式表单和模板驱动表单中显示有用的验…

构建动态表单 许多表单（比如问卷）可能在格式和意图上都非常相似。为了更快更轻松地生成这种表单的不同版本，你可以根据描述业务对象模型的元数据来创建动态表单模板。然后就可以根据数据模型…

使用 HTTP 与后端服务进行通信 大多数前端应用都要通过 HTTP 协议与服务器通讯，才能下载或上传数据并访问其它后端服务。Angular…

测试 测试你的 Angular 应用可以帮助你检查此应用是否正常运行。 如果你要试用本指南中所讲的应用，请在浏览器中运行它或下载并在本地运行它。 建立环境 An…

测试服务 为了检查你的服务是否正常工作，你可以专门为它们编写测试。 如果你要试验本指南中所讲的应用，请在浏览器中运行它或下载并在本地运行它。 服务往往是最容易进行单元测试的文件。下…