没有合适的资源?快使用搜索试试~ 我知道了~
AngularJs 2 权威教程(全网首发)
5星 · 超过95%的资源 需积分: 10 565 下载量 42 浏览量
2016-01-13
09:45:17
上传
评论 11
收藏 13.15MB PDF 举报
温馨提示
试读
309页
AngularJs 2 权威教程,全网首发,独一无二,都说 AngularJs 1.X 是雷峰塔,那么AngularJs 2 就是雷锋!
资源推荐
资源详情
资源评论
ng-book 2
Felipe Coury, Ari Lerner, Nate Murray, & Carlos Taborda
©2015 Felipe Coury, Ari Lerner, Nate Murray, & Carlos Taborda
Contents
Book Revision . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Prerelease . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Bug Reports . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Chat With The Community! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Writing your First Angular 2 Web Application . . . . . . . . . . . . . . . . . . . . . . . . 1
Simple Reddit Clone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Our First TypeScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Running The App . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Adding Data to the Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Working with arrays . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Expanding our Application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Rendering Multiple Rows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Adding New Articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Finishing Touches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Full Code Listing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Wrapping Up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Getting Help . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
TypeScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Angular 2 is built in TypeScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
What do we get with TypeScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Types . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Built-in types . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Utilities . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Wrapping up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
How Angular Works . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Product Model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Component Decorator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
The ProductsList Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
CONTENTS
The ProductRow Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
The ProductImage Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
The PriceDisplay Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
The ProductDepartment Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
The Completed Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
A Word on Data Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Built-in Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
NgIf . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
NgSwitch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
NgStyle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
NgClass . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
NgFor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
NgNonBindable . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Forms in Angular 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Forms are Crucial, Forms are Complex . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Controls and Control Groups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Our First Form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
Using FormBuilder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Adding Validations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
Watching For Changes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145
ngModel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Wrapping Up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Data Architecture in Angular 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
An Overview of Data Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Data Architecture with Observables - Part 1: Services . . . . . . . . . . . . . . . . . . . . 152
Observables and RxJS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Chat App Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Implementing the Models . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157
Implementing UserService . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159
The MessagesService . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
The ThreadsService . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Data Model Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Data Architecture with Observables - Part 2: View Components . . . . . . . . . . . . . . 187
Building Our Views: The ChatApp Top-Level Component . . . . . . . . . . . . . . . . . . 187
The ChatThreads Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
The Single ChatThread Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
The ChatWindow Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
CONTENTS
The ChatMessage Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
The ChatNavBar Component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Next Steps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218
HTTP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Using angular2/http . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
A Basic Request . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Writing a YouTubeSearchComponent . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
angular/http API . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Routing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248
Why routing? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248
How client-side routing works . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Writing our first routes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251
Components of Angular 2 routing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251
Putting it all together . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254
Routing strategies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260
Path location strategy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Running the application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Route Parameters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Music Search App . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266
Router Lifecycle Hooks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Nested routes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Changelog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300
剩余308页未读,继续阅读
downiis6
- 粉丝: 57
- 资源: 99
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
- 5
前往页