一个关于Angular的技术博客,详解Angular配置文件、使用方法、小技巧等。
Author | deepthan |
---|---|
deepthan@163.com |
方法名 | 方法名 |
---|---|
路由预加载--预先加载延迟模块 | Angular2+去除url中的# |
ng-content在一个节点中插入另外的节点 | Angular动画怎么写 |
Angular如何操作DOM? | 不直接操作DOM改变DOM属性 |
HTML里面写变量方法汇总 |
方法名 | 方法名 |
---|---|
ngClass | 父子组件传递信息 |
动画API | 动画API |
---|---|
trigger | state |
transition | animate |
style | keyframes |
标题 | 标题 |
---|---|
英文官网 / 官网源码 | 中文官网 / 官网源码 |
Angular cli地址 | 脚手架用法wiki |
标题 | 标题 |
---|---|
用WebStorm进行Angular开发 |
标题 | 标题 |
---|---|
Angular动画是基于标准的Web动画APIWeb Animations API构建的 |
- 这个是配置好的可以直接下载下来用的:
- 模块懒加载,模块预加载,开始的loading动画
- css 封装,去除url中的#,路由守卫,目结结构(怎样才能找起来方便不乱)
用途 | 插件地址 |
---|---|
阿里开源的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 Universal |
项目简介 | 项目地址 |
---|---|
Rxjs入门篇: 基本原理 | |
RxJS 英文文档 / RxJS 中文文档 | rxjs github地址 |
RxJS 中文社区 | ngrx 管理angular里面的数据 类似于redux |
手把手教你用ngrx管理Angular状态 | 中文版/英文版 |
学习Rxjs操作符 |
说明 | 地址 |
---|---|
typescript官网(英) | typescript |