/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 父子组件传递信息
动画API 动画API
trigger state
transition animate
style keyframes

博客搭建

readme写作方法

其他学习资源

官网

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

开发环境配置

标题 标题
用WebStorm进行Angular开发

实现原理

标题 标题
Angular动画是基于标准的Web动画APIWeb Animations API构建的

 

配置完成的项目  

  1. 这个是配置好的可以直接下载下来用的:  
  2. 模块懒加载,模块预加载,开始的loading动画
  3. css 封装,去除url中的#,路由守卫,目结结构(怎样才能找起来方便不乱)

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