Angular13 教程

测试组件的基础知识 组件与 Angular 应用的所有其它部分不同，它结合了 HTML 模板和 TypeScript 类…

组件测试场景 本指南探讨了一些常见的组件测试用例。 如果你要试验本指南中所讲的应用，请在浏览器中运行它或下载并在本地运行它。 组件绑定 在范例应用中，​BannerComponen…

测试属性型指令 属性型指令会修改元素、组件或其他指令的行为。它的名字反映了该指令的应用方式：作为宿主元素的一个属性。 如果你要试验本指南中所讲的应用，请在浏览器中运行它或下载并在本…

调试测试代码 如果你的测试没能如预期般工作，可以在浏览器中查看和调试它们。 在浏览器中调试这些测试规约的方式与调试应用时相同。 打开 Karma 的浏览器窗口。…

测试实用工具 API 本页面描述了一些最有用的 Angular 测试特性。 Angular 测试实用工具包括 ​TestBed​、…

添加本地化包 要利用 Angular 的本地化功能，请用 Angular CLI 将 ​@angular/localiz…

通过 ID 引用语言环境 Angular 使用 Unicode 语言环境标识符（Unicode 语言环境 ID…

准备翻译组件 要准备翻译项目，请完成以下操作。 使用 ​i18n​ 属性标记组件模板中的文本 使用 ​i18n-​ 属性在组件模板中标记属性…

使用翻译文件 准备好要翻译的组件后，使用 Angular CLI 的 ​extract-i18n​ 命令将组件中的标记文本提取到源…

将翻译结果合并到应用程序中 要将完成的翻译结果合并到你的项目中，请完成以下操作 使用 Angular CLI 构建项目的可分发文件的副本 使用&nbs…

部署多个语言环境 如果 ​myapp ​是包含项目可分发文件的目录，你通常会在语言环境目录中为不同的语言环境提供不同的版本，比如法语版的 ​myapp…

手动设置运行时语言环境 Angular 的初始安装中已经包含了美国英语 (​en-US​) 的语言环境数据。当你将 ​–localize​…

导入语言环境数据的全局变体 如果你使用 ​–localize​ 选项运行 ​ng build​ 命令，则 Angula…

管理带有自定义 ID 的已标记文本 Angular 提取器会生成一个文件，其中包含以下每个实例的翻译单元条目。 组件模板中的每个 ​i18n…

Angular 动画简介 动画用于提供运动的幻觉：HTML 元素随着时间改变样式。精心设计的动画可以让你的应用更有趣，更易用，但它们不仅仅是装饰性的。动画可以通…

前提条件 对下列概念有基本的理解： Angular 动画简介 转场与触发器 到目前为止，我们已经学过了单个 HTML 元素的简单动画。Angular&…

可复用动画 本主题提供了一些关于如何创建可复用动画的例子。 前提条件 在继续本主题前，你需要熟悉下列知识： Angular 动画简介 转场与触发器 创建可复用动画 要想创…

前提条件 对下列概念有基本的理解： Angular 动画简介 转场与触发器 可复用动画 路由能让用户在应用中的不同路由之间导航。当用户从一个路由导航到另一个路由时，Ang…

Angular 的 Service Worker 简介 Service Worker 可以增强传统的 Web 发布模式，并使应用程序能够提供可与原生代码（它运行在你的操作系统和硬件…

应用外壳 应用外壳是一种在构建期间借助路由渲染部分应用的方法。它可以通过快速启动一个静态渲染页面（所有页面的公共骨架）来改善用户体验。与此同时，浏览器会下载完整的客户端版本，并在代…