更新内容 - 自定义 toJSON 操作符及 Angular Reactive Form 表单验证 更新时间 - 2017-07-06
近期回答了 SF 上和 QQ 群里面的一些问题,发现一些问题对初学者来说,都可能会遇到。个人精力有限,建了个群有兴趣的朋友可以加一下 QQ 群:Angular 修仙之路 - 153742079 (群名称规则:城市 + 昵称)。此外该文章也会持续更新,希望有兴趣的读者多提建议哈,谢谢!
首先自我介绍一下:我不是"大神",因为还在修仙中哈。下面是在学习 Angular 过程中整理的学习笔记,希望对大家能有所帮助,更详细和更权威的学习资源,请大家阅读官方文档。另外,本系列的出发点是从点到面的思路,把 Angular 中的知识点打散掉,然后逐一介绍,尽量会使用简单的示例,让大家基础掌握每个知识点,最后才会通过具体实例把知识点串起来。(不喜欢该方式的读者,请见谅哈)
Angular 4.x 快速入门
-
Angular 4 基础教程
-
Angular 4 快速入门
-
Angular 4 指令快速入门
-
Angular 4 表单快速入门
-
Angular 表单简介
-
Angular 4.x 路由快速入门
-
TypeScript 简介
Angular 4.x 组件学习线路 (仅供参考)
对于刚从 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
-
Angular 4.x Directive Lifecycle
-
Angular 4.x constructor & ngOnInit
-
Angular 4.x ViewEncapsulation
-
Angular 4.x Input
-
Angular 4.x Output
-
Angular 4.x ViewChild & ViewChildren
-
Angular 4.x ContentChild & ContentChildren
-
Angular 4.x HostListener & HostBinding
-
Angular 4.x ElementRef
-
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 vs Angular 1.x
-
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
Provider
-
Angular 4.x Provider
-
Angular 4.x Multi Providers
-
Angular 4.x Forward Reference
-
Angular 4.x OpaqueToken & InjectionToken
Directive(指令)
-
Angular 4.x Template Syntax & Common Directives
-
Angular 4.x Directive
-
Angular 2.x 结构指令
-
Angular 4.x Directive Lifecycle
-
Angular 4.x NgIf
-
Angular 4.x NgForOf
-
Angular 4.x NgTemplateOutlet
-
Angular 4.x Components Communicate
-
Angular 4.x Pass Async Data
-
Angular 4.x Component Inheritance
-
Angular 4.x Dynamically Creating Components
Decorator(装饰器)
-
Angular 4.x Decorator - 1
-
Angualr 4.x Decorator - 2
-
Angular 4.x Decorator - 3
-
Angular 4.x Input
-
Angular 4.x Output
-
Angular 4.x Inject Decorator
-
Angular 4.x ViewChild & ViewChildren
-
Angular 4.x ContentChild & ContentChildren
-
Angular 4.x HostListener & HostBinding
Pipe(管道)
-
Angular 4.x Pipe
-
Angular 4.x AsyncPipe
Dependency Injection(依赖注入)
-
Angular 4 依赖注入教程之一 依赖注入简介
-
Angular 4 依赖注入教程之二 组件服务注入
-
Angular 4 依赖注入教程之三 ClassProvider的使用
-
Angular 4 依赖注入教程之四 FactoryProvider的使用
-
Angular 4 依赖注入教程之五 FactoryProvider配置依赖对象
-
Angular 4 依赖注入教程之六 Injectable 装饰器
-
Angular 4 依赖注入教程之七 ValueProvider的使用
-
Angular 4 依赖注入教程之八 InjectToken的使用
-
Angular 4.x IoC & DI
-
Angular 4.x Injector
Change Detection(变化检测)
Http
-
Angular 4.x Http Module - HTTP
-
Angular 4.x Http Module - XMLHttpRequest
Angular 4.x HttpModule 脑图(思维导图)
-
Angular 4.x HttpModule Reveal(源码揭秘)
Angular 4.x Http Interceptor (未完成)
Form(表单)
-
Angular 表单控件示例
-
Angular 4.x Template Driven Forms
-
Angular 4.x Reactive 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 ngModel 双向绑定原理揭秘
-
Angular 4.x Creating Dynamic Form
Router
Events
Compiler(编译器)
Reference Object(引用对象)
RxJS
Others(其他)
-
Angular 4.x ViewEncapsulation
-
Angular 4.x constructor & ngOnInit
-
Angular 4.x DomSanitizer
-
Angular NgModule 作用域相关问题
-
Angular CLI 终极指南
-
ng-conf-2017 - Angular Form Validation
另外对 Angular 或前端感兴趣的同学可以关注我的个人订阅号哈,会定期分享一些前端的干货哈。
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|