阅读 Angular 6/RxJS 最新教程,请访问全栈修仙之路
本人的全栈修仙之路订阅号,会按期分享 Angular、TypeScript、Node.js/Java 、Spring 相关文章,欢迎感兴趣的小伙伴订阅哈!node
近期回答了 SF 上和 QQ 群里面的一些问题,发现一些问题对初学者来讲,均可能会遇到。我的精力有限,建了个群有兴趣的朋友能够加一下 QQ 群:Angular 修仙之路(1)群 - 153742079 (已满),请加 Angular 修仙之路(2)群 - 648681235。此外该文章也会持续更新,但愿有兴趣的读者多提建议哈,谢谢!git
首先自我介绍一下:我不是"大神",由于还在修仙中哈。下面是在学习 Angular 过程当中整理的学习笔记,但愿对你们能有所帮助,更详细和更权威的学习资源,请你们阅读官方文档。另外,本系列的出发点是从点到面的思路,把 Angular 中的知识点打散掉,而后逐一介绍,尽可能会使用简单的示例,让你们基础掌握每一个知识点,最后才会经过具体实例把知识点串起来。(不喜欢该方式的读者,请见谅哈)
入门篇github
工具篇web
服务篇spring
Provider篇typescript
Element篇编程
RxJS篇segmentfault
对于刚从 Angular 1.x 转到 Angular 4.x 的用户,建议先阅读一下 Angular 4.x vs Angular 1.x
章节 (目前还不够完善)。下面提供的学习线路仅供参考,读者能够自行选读。该学习线路基本包含 Angular 4.x 组件相关知识,若是有遗漏,欢迎你们指出。(友情提示:初学者不用完整了解每一个部分的内容,特别是设计源码分析的部分,只需了解基本用法,而后多实践哈)
Angular 4.x Template Syntax & Common Directives
Angular 4.x Directive Lifecycle
Angular 4.x constructor & ngOnInit
Angular 4.x ViewChild & ViewChildren
Angular 4.x ContentChild & ContentChildren
Angular 4.x HostListener & HostBinding
Angular 4.x TemplateRef & ViewContainerRef
Angular 4.x Components Communicate
Angular 4.x Component Inheritance
Angular 4.x Change Detection - 1、Angular 4.x Change Detection - 2
Angular 4.x NgModule vs Angular 1 module
Angular 4.x Service vs Angular 1 Service
Angular 4.x Pipe vs Angular 1 filter
Angular 4.x ngFor vs Angular 1 ng-repeat
Angular 4.x OpaqueToken & InjectionToken
Angular 4.x Template Syntax & Common Directives
*directive
结构指令语法糖、自定义属性指令、结构指令等*
号语法及具体应用示例Angular 4.x Directive Lifecycle
Angular 中自定义 Debounce Click 指令
Angular 4.x Components Communicate
Angular 4.x Component Inheritance
Angular 4.x Dynamically Creating Components
<ng-container>
指令的做用Angular 4.x ViewChild & ViewChildren
Angular 4.x ContentChild & ContentChildren
Angular 4.x HostListener & HostBinding
Angular 4 依赖注入教程之三 ClassProvider的使用
Angular 4 依赖注入教程之四 FactoryProvider的使用
Angular 4 依赖注入教程之五 FactoryProvider配置依赖对象
Angular 4 依赖注入教程之六 Injectable 装饰器
Angular 4 依赖注入教程之七 ValueProvider的使用
Angular 4 依赖注入教程之八 InjectToken的使用
Angular 4.x Change Detection - 1
Angular 4.x Change Detection - 2
Angular 4.x Http Module - HTTP
Angular 4.x Http Module - XMLHttpRequest
Angular 4.x HttpModule Reveal(源码揭秘)
Angular 4.x Template Driven Forms
Angular 4.x Reactive Form 表单验证
Angular 4.x 基于AbstractControl自定义表单验证
Angular 4.x Custom Form Control
Angular 4.x Custom Validator Directive
Angular 4.x Forms patchValue and setValue
Angular 4.x Creating Dynamic Form
Angular 4.x Router Link Directives
Angular 4.x EventManager & Custom EventManagerPlugin
Angular 4.x TemplateRef & ViewContainerRef
RxJS - Observables, observers 和 operators 简介
Angular 4.x constructor & ngOnInit
ng-conf-2017 - Angular Form Validation