website

Angular Docs

所属分类:开发者在线工具箱

Angular 框架的官方文档、浏览器内教程与可搜索的 API 参考

Angular.dev 是 Angular 框架的官方文档站,由 Google 的 Angular 团队维护。站内提供框架指南、交互式教程、浏览器内的 Playground 和逐个查询的 API 参考,读者可以边读说明边运行代码,也可以按名称查找某个类、指令或函数的用法。

Angular.dev:Angular 框架的官方文档、浏览器内教程与 API 参考

发布于 2026年10月18日更新于 2026年10月29日

首页与版本号

首页顶部横幅写着“Angular v22 is here!”,左上角版本选择器显示 v22,页脚标注网站构建版本为 v22.2.3。首页的主标题为“Productivity Meets scalability”,下方依次介绍 Get Started、Angular 概念、AI 相关资源和 Angular 诸多功能。截至 2026 年 10 月 29 日,文档默认显示的是 v22 版本的内容,阅读旧项目时需要先切换到对应版本。

Angular.dev 首页截图:左上角为 v22 版本选择器,中央大标题为 Productivity Meets scalability,下方为 Get Started 按钮和 Features that actually help you solve problems 段落

截图与截至 2026 年 10 月 29 日的首页内容一致,同样显示 v22 版本选择器和“Productivity Meets scalability”标题。

交互教程:从第一课开始

教程入口名为 Learn Angular,第一课是欢迎页。页面说明读者需要具备 HTML、CSS 和 JavaScript 的基础,每一步对应 Angular 的一个概念,可以只做其中一步,也可以全部完成。遇到困难时,点击页面顶部的“Reveal answer”即可查看答案。页面底部还提供了面向 AI 辅助开发工具的 Angular 提示规则与最佳实践链接。

Angular 交互教程第一课截图:左侧为导航,正文标题为 Welcome to the Angular tutorial,下方有 How to use this tutorial 和 Using AI for Development 两个小节

Playground 与 API 参考

Playground 打开时默认是一个 Hello, World! 模板,左侧显示 main.ts 文件,可以直接修改代码并运行,页面上有下载按钮。它适合在不安装本地环境的情况下尝试一个组件的写法。

API 参考页按类别列出 Angular 及相关包的全部公开符号,包括 Block、Class、Directive、Function、Pipe 等类型,并可以按 Stable、Developer Preview、Experimental 和 Deprecated 状态过滤。列表中除主要 API 外,还有 aria、cdk 等子包的条目,例如 aria/tabs 与 cdk/drag-drop 下的条目。

概览与入门指南

“What is Angular?”概览页用多个小节介绍框架的主要功能,包括组件、Signals 响应式模型、服务端渲染(SSR)与静态站点生成(SSG)、依赖注入、路由、表单、CLI、DevTools 等。入门指南 Essentials 篇幅较短,先说明读者应当熟悉 JavaScript 类和 TypeScript 的装饰器等概念,再依次介绍组件等几个基础构件,适合在正式学习前快速浏览。