一个关于Angular的技术博客，详解Angular配置文件、使用方法、小技巧等。
| Author | deepthan |
|---|---|
| deepthan@163.com |
基础概念
文件配置详解
方法介绍
| 方法名 | 方法名 |
|---|---|
| 路由预加载--预先加载延迟模块 | Angular2+去除url中的# |
| ng-content在一个节点中插入另外的节点 | Angular动画怎么写 |
| Angular如何操作DOM? | 不直接操作DOM改变DOM属性 |
| HTML里面写变量方法汇总 |
API
| 方法名 | 方法名 |
|---|---|
| ngClass | 父子组件传递信息 |
| 动画API | 动画API |
|---|---|
| trigger | state |
| transition | animate |
| style | keyframes |
博客搭建
readme写作方法
其他学习资源
官网
| 标题 | 标题 |
|---|---|
| 英文官网 / 官网源码 | 中文官网 / 官网源码 |
| Angular cli地址 | 脚手架用法wiki |
开发环境配置
| 标题 | 标题 |
|---|---|
| 用WebStorm进行Angular开发 |
实现原理
| 标题 | 标题 |
|---|---|
| Angular动画是基于标准的Web动画APIWeb Animations API构建的 |
UI 库
| 用途 | 插件地址 |
|---|---|
| 阿里开源的ui库 | ng-zorro |
| 专门为ng2的设计的bootsrap库 | ngx-bootstrap |
| FreeNG | FreeNG |
| 英文的Angular组件库 | Angular Material |
| 英文的组件库 | PrimeNG |
| 字体图标 | Font Awesome （英） 、Font Awesome （中） 、 阿里的inconfont |
| 对 ng-zorro 做了一层封装的ui库 | ng-alain |
插件篇
| 用途 | 插件地址 |
|---|---|
| 拖拽插件 | ng2-dragula |
| 图表插件 | ng2-charts |
| 上传插件 | ng2-file-upload |
| select插件 | ng2-select |
案例项目(模板)
| 项目简介 | 项目地址 |
|---|---|
| 基于Angular4+的后台管理模板 | ngx-admin |
系列教程
| 用途 | 地址 |
|---|---|
| 基础教程，偏基础 | Angular 2 之一 系统架构 |
| 教学视频(英) | angular-university |
| 教学网站(英) ，偏基础 | ANGULAR 2 TUTORIAL |
| 里面介绍了使用方法，相关概念等，较全。 | Angular 2 Training 中文版 |
| 质量较高的系列教程 | Angular 4.x 修仙之路 |
| 现已成书，较良心的教程 | Angular 2.x 从0到1 |
| 汇智网的视频教学 | Angular 2入门 |
学习笔记
| 地址 | 地址 |
|---|---|
| Angular 2+ 专栏 | ng2-dragula |
| Angular2一小时快速入门, 慕课网 | ng2-charts |
提问交流社区
| 地址 | 地址 |
|---|---|
| angular2 随便问(Ask me anything!) | stackoverflow：英文的提问社区，很强大 |
升级
| 说明 | 地址 |
|---|---|
| A版本到B版本有哪些改变 | Angular Update Guide |
| angular更新记录 | changeLog |
angular 如何解决seo问题
| 地址 | 地址 |
|---|---|
| Angular Universal |
RxJS
| 项目简介 | 项目地址 |
|---|---|
| Rxjs入门篇： 基本原理 | |
| RxJS 英文文档 / RxJS 中文文档 | rxjs github地址 |
| RxJS 中文社区 | ngrx 管理angular里面的数据 类似于redux |
| 手把手教你用ngrx管理Angular状态 | 中文版/英文版 |
| 学习Rxjs操作符 |
typescript
| 说明 | 地址 |
|---|---|
| typescript官网（英） | typescript |
