返回 首页

Angular13

教程说明:

这份 Angular 文档会帮助你学习和使用 Angular 框架与开发平台,从你的第一个应用开始,一直到优化复杂的企业级单页面应用。 这些教程和指南中都包含可下载的范例,以加速你的学习。


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Angular 快速上手

Angular 是什么?

Angular 示例

Angular 快速上手
Angular 添加导航
Angular 管理数据
Angular 使用表单进行用户输入
Angular 部署应用
Angular 搭建环境

Angular 特性

Angular 组件

Angular 组件-概览
Angular 组件生命周期
Angular 视图封装
Angular 组件交互
Angular 组件样式
Angular 在父子组件、指令之间共享数据
Angular 内容投影
Angular 动态组件
Angular 元素

Angular 模板

Angular 模板-介绍
Angular 文本插值
Angular 模板语句
Angular 管道
Angular 属性绑定
Angular 属性(Attribute)、类、样式绑定
Angular 事件绑定
Angular 双向绑定
Angular 模板引用变量
Angular SVG作为模板

Angular 指令

Angular 内置指令
Angular 属性型指令
Angular 结构型指令

Angular 依赖注入

Angular 依赖注入
Angular DI提供者

Angular 开发指南

Angular 路由与导航

Angular 常见路由任务
Angular 教程:在单页面应用中导航
Angular 教程:创建自定义路由匹配器
Angular 教程:为英雄之旅添加路由支持
Angular 教程:为英雄之旅添加路由支持-里程碑 1:起步
Angular 教程:为英雄之旅添加路由支持-里程碑 2:路由模块
Angular 教程:为英雄之旅添加路由支持-里程碑 3:英雄特征区
Angular 教程:为英雄之旅添加路由支持-里程碑 4:危机中心
Angular 教程:为英雄之旅添加路由支持-里程碑 5:路由守卫
Angular 教程:为英雄之旅添加路由支持-里程碑 6:异步路由
Angular 路由器参考手册

Angular 表单

Angular 表单-介绍
Angular 响应式表单
Angular 验证表单输入
Angular 构建动态表单
Angular HTTP客户端

Angular 测试

Angular 测试-介绍
Angular 代码覆盖率
Angular 测试服务
Angular 测试组件的基础知识
Angular 组件测试场景
Angular 测试属性型指令
Angular 测试管道
Angular 调试测试代码
Angular 测试工具API

Angular 国际化

Angular 常见的国际化任务

Angular 添加本地化包
Angular 通过ID引用语言环境
Angular 根据语言环境格式化数据
Angular 准备翻译模板
Angular 处理翻译文件
Angular 将翻译合并到应用中
Angular 部署多个语言环境
Angular 国际化-应用示例

Angular 可选的国际化实例

Angular 手动设置运行时语言环境
Angular 导入语言环境数据的全局变量
Angular 使用自定义ID管理标记文本

Angular 动画

Angular 动画-介绍
Angular 转场与触发器
Angular 复杂序列
Angular 可复用动画
Angular 路由转场动画

Angular Service Worker和PWA

Angular Service Worker和PWA-介绍
Angular Service Worker和PWA-入门
Angular 应用外壳
Angular Service Worker通信
Angular Service Worker通知
Angular 生产环境下的Service Worker
Angular Service Worker配置
Angular Web Worker
Angular 服务端渲染
Angular 预渲染(Prerender)

Angular 最佳实践

Angular 安全
Angular 无障碍性
Angular 保持最新
Angular 属性绑定的最佳实践
Angular 惰性加载特性模块
Angular 为库准备的轻量级注入令牌

Angular 工具

Angular 开发工作流

Angular 部署应用

Angular AOT编译器

Angular 预先编译
Angular 编译器选项
Angular AOT元数据错误
Angular 模板类型检查
Angular 构建与本地服务器
Angular CLI构建器
Angular 语言服务
Angular 开发者工具

Angular 原理图

Angular 原理图概览
Angular 创作原理图
Angular 库的原理图

Angular 教程

Angular 教程:英雄之旅

Angular 英雄之旅-介绍
Angular 英雄之旅-创建项目
Angular 英雄之旅-英雄编辑器
Angular 英雄之旅-显示列表
Angular 英雄之旅-创建特性组件
Angular 英雄之旅-添加服务
Angular 英雄之旅-添加导航
Angular 英雄之旅-从服务器获取数据
Angular 构建模板驱动表单

Angular 库

Angular 库概览
Angular 使用已发布的库
Angular 创建库
Angular 包格式

Angular 特性预览

Angular 独立组件

Angular 版本发布信息

Angular 发布实践
Angular 路线图
Angular 浏览器支持
Angular 升级到最新版
Angular 弃用清单

Angular 从AngularJS升级

Angular 升级说明
Angular 搭建升级环境
Angular 更关注性能的升级方式
Angular 与AngularJS的概念对照

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }