/blog-angular

Angular学习教程：手把手教你学会Angular(2+),源码见于本demo项目，效果地址：

Primary LanguageCSS

blog-Angular2+

一个关于Angular的技术博客，详解Angular配置文件、使用方法、小技巧等。

Author deepthan
E-mail deepthan@163.com

基础概念

文件配置详解

方法介绍

方法名 方法名
路由预加载--预先加载延迟模块 Angular2+去除url中的#
ng-content在一个节点中插入另外的节点 Angular动画怎么写
Angular如何操作DOM? 不直接操作DOM改变DOM属性
HTML里面写变量方法汇总

API

方法名 方法名
ngClass 父子组件传递信息
animation animation
trigger state
transition animate
style keyframes
query sequence
group AnimationOptions
i18n i18n
DecimalPipe

报错处理

关键词 关键词
关于function 、lambda、not supported等 关于polyfills.ts、'es5-shim'、'es6-shim'
关于Observable、map的问题 关于'Http'
关于找不到模块 关于表单form
关于Debug Failure 关于RangeError: Maximum call stack size exceeded
关于node-sass里面 vendor 缺失 关于phantormjs
关于找不到 require或者module

博客搭建

其他学习资源

官网

标题 标题
英文官网 / 官网源码 中文官网 / 官网源码
Angular cli地址 脚手架用法wiki

开发环境配置

标题 标题
用WebStorm进行Angular开发

实现原理

标题 标题
Angular动画基准：Web Animations API

UI 库

用途 插件地址
阿里开源的ui库 ng-zorro
专门为ng2的设计的bootsrap库 ngx-bootstrap
FreeNG FreeNG
英文的Angular组件库 Angular Material
英文的组件库 PrimeNG
字体图标 Font Awesome （英） 、Font Awesome （中） 、 阿里的iconfont
对 ng-zorro 做了一层封装的ui库 ng-alain

插件篇

用途 插件地址
拖拽插件 ng2-dragula
图表插件 ng2-charts / ngx-echarts
上传插件 ng2-file-upload
select插件 ng2-select
国际化i18n ngx-translate

案例项目(模板)

项目简介 项目地址
基于Angular4+的后台管理模板 ngx-admin

系列教程

用途 地址
基础教程，偏基础 Angular 2 之一 系统架构
教学视频(英) angular-university
教学网站(英) ，偏基础 ANGULAR 2 TUTORIAL
里面介绍了使用方法，相关概念等，较全。 Angular 2 Training 中文版
质量较高的系列教程 Angular 4.x 修仙之路
现已成书，较良心的教程 Angular 2.x 从0到1
汇智网的视频教学 Angular 2入门
学习资源汇总 angular-education

别人的 Angular 博客

地址 地址
Angular 2+ 专栏 Angular2一小时快速入门, 慕课网
angular 2 学习笔记

提问交流社区

地址 地址
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

诗词接口