blog-Angular2+
一个关于Angular的技术博客,详解Angular配置文件、使用方法、小技巧等。
| Author | deepthan |
|---|---|
| deepthan@163.com |
基础概念
文件配置详解
方法介绍
| 方法名 | 方法名 |
|---|---|
| 路由预加载--预先加载延迟模块 | Angular2+去除url中的# |
| ng-content在一个节点中插入另外的节点 | Angular动画怎么写 |
| Angular如何操作DOM? | 不直接操作DOM改变DOM属性 |
| HTML里面写变量方法汇总 | 生产环境中去除console信息 |
| Angular热替换(cli & webpack) | 父子组件传递信息 |
API
| 方法名 | 方法名 |
|---|---|
| ngClass |
| animation | animation |
|---|---|
| trigger | state |
| transition | animate |
| style | keyframes |
| query | sequence |
| group | AnimationOptions |
| i18n | i18n |
|---|---|
| DecimalPipe |
| 路由 | 路由 |
|---|---|
| 路由高亮RouterLinkActive | 路由跳转RouterLink |
报错处理
风格指南
| 风格 | 指南 |
|---|---|
| Jason Aden's 的关于风格指南的介绍 |
| typescript风格约定 | typescript风格约定 |
|---|---|
| TSLint | codelyzer |
博客搭建
其他学习资源
| 标题 | 标题 |
|---|---|
| github上搜索angular的正确姿势 |
官网
| 标题 | 标题 |
|---|---|
| 英文官网 / 官网源码 | 中文官网 / 官网源码 |
| Angular cli地址 | 脚手架用法wiki |
| 用webpack配置的angular项目,带有很多功能 |
开发环境配置
| 标题 | 标题 |
|---|---|
| 用WebStorm进行Angular开发 |
实现原理
| 标题 | 标题 |
|---|---|
| Angular动画基准:Web Animations API |
UI 库
| 用途 | 插件地址 |
|---|---|
| 阿里开源的ui库ng-zorro | api站点 / 国内镜像 /github |
| angular版本bootsrap库[推荐] | ngx-bootstrap |
| angular版本bootsrap库 | ng-bootstrap |
| 英文的Angular组件库 | Angular Material |
| 英文的组件库 | PrimeNG |
| FreeNG | FreeNG |
| 字体图标 | 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 学习笔记 | thoughTram |
| todd英文优质博客,还卖教程 | 知乎上Trotyl Yu |
提问交流社区
| 地址 | 地址 |
|---|---|
| angular2 随便问(Ask me anything!) | stackoverflow:英文的提问社区,很强大 |
升级
| 说明 | 地址 |
|---|---|
| A版本到B版本有哪些改变 | Angular Update Guide |
| angular更新记录 | changeLog |
angular 如何解决seo问题
| 地址 | 地址 |
|---|---|
| Angular Universal |
RxJS
| 介绍 | 介绍 |
|---|---|
| Rxjs入门篇: 基本原理 | rxjs官方翻译文档 |
| RxJS 英文文档 / RxJS 中文文档 | rxjs github地址 |
| RxJS 中文社区 | ngrx 管理angular里面的数据 类似于redux |
| 手把手教你用ngrx管理Angular状态: 中文版/英文版 | 学习Rxjs操作符 |
| rxjs视频教学(英) | 官方出品--rxjs视频教学 |
typescript
| 说明 | 地址 |
|---|---|
| typescript中文网 | typescript官网(英) |
| github源码仓库 |