Angular13 教程

本主题会帮你了解 Angular：什么是 Angular？它有哪些优势？当构建应用时它能为你提供什么帮助？ Angular 是一个基于 TypeScript 构建的开发平台。它包括…

Angular 入门 Angular 欢迎你！ 本教程将通过构建一个电子商务网站，向你介绍 Angular 的基本知识。该网站具有商品名录、购物车和结账表单。 为了帮助你更好地起步…

添加导航 本指南基于入门教程的第一步：基本 Angular 应用入门。 在此阶段，本在线商店应用会拥有基本的产品目录。 在以下各节中，你将向应用添加以下功能： 在地址栏中键入 UR…

管理数据 本章基于以一个基本 Angular 应用快速上手的第二步 —— 添加导航。 在此开发阶段，本商店应用具有一个包含两个视图…

使用表单进行用户输入 本指南基于“入门教程”基本 Angular 应用中的第三步“管理数据”。 本节将引导你添加基于表单的结账功能，以收集用户信息作为结账信息的…

部署应用 部署应用是指编译或构建代码并将生成的 JavaScript、CSS 和 HTML 托管到 Web 服务器上的过…

搭建本地开发环境和工作区 本指南讲解了如何使用 Angular CLI 工具搭建你的 Angular 开发环境。包括：前提条件、安…

Angular Components 概述 组件是 Angular 应用的主要构造块。每个组件包括如下部分： 一个 HTML&nb…

生命周期钩子 当 Angular 实例化组件类并渲染组件视图及其子视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，Angular 会检…

视图包装 在 Angular 中，组件的样式可以封装在组件的宿主元素中，这样它们就不会影响应用程序的其余部分。 ​Component ​的装饰器提供了…

组件之间的交互 本文包含了常见的组件通讯场景，也就是让两个或多个组件之间共享信息的方法。 参阅现场演练 / 下载范例。 通过输入型绑定把数据从父组件传到子组件。…

组件样式 Angular 应用使用标准的 CSS 来设置样式。这意味着你可以把关于 CSS 的那些知识和技能直接用于 A…

在父子指令及组件之间共享数据 Angular 中的一个常见模式就是在父组件和一个或多个子组件之间共享数据。可以用 ​@Input()​ 和 …

内容投影 本主题描述如何使用内容投影来创建灵活的可复用组件。 要查看或下载本主题中用到的示例代码，请参见现场演练 / 下载范例 。 内容投影是一种模式…

动态组件加载器 译注：本页讲的是一个用于显示广告的范例，而部分广告拦截器插件，比如 Chrome 的 AdGuard，可能会破坏其工作逻辑，因，请在本…

Angular 元素（Elements）概览 Angular 元素就是打包成自定义元素的 Angular 组件。所谓自定义元素就是一套与具体…

模板语法 在 Angular 中，模板就是一块 HTML。你可以在模板中通过一种特殊的语法来使用 Angular 的诸多特性。 先…

文本插值 文本插值允许你将动态字符串值合并到 HTML 模板中。通过插值，你可以动态更改应用视图中显示的内容，例如显示包含用户名的自定义问候语。 要了解本指南中…

模板语句 模板语句是可在 HTML 中用于响应用户事件的方法或属性。使用模板语句，你的应用可以通过诸如显示动态内容或提交表单之类的动作吸引用户。 关于本指南中的…

用管道转换数据 管道用来对字符串、货币金额、日期和其他显示数据进行转换和格式化。管道是一些简单的函数，可以在模板表达式中用来接受输入值并返回一个转换后的值。例如，你可以使用一个管道…