本書(shū)堪稱(chēng)Angular領(lǐng)域的里程碑式著作，涵蓋了關(guān)于Angular的幾乎所有內(nèi)容。對(duì)于沒(méi)有經(jīng)驗(yàn)的人，本書(shū)平實(shí)、通俗的講解，遞進(jìn)、嚴(yán)密的組織，可以讓人毫無(wú)壓力地登堂入室，迅速領(lǐng)悟新一代Web應(yīng)用開(kāi)發(fā)的精髓。如果你有相關(guān)經(jīng)驗(yàn)，那本書(shū)對(duì)Angular概念和技術(shù)細(xì)節(jié)的全面剖析，以及引人入勝、切中肯綮的講解，將幫助你徹底掌握這個(gè)框架，在自己職業(yè)技術(shù)修煉之路上更進(jìn)一步。

目錄

第1章　編寫(xiě)你的，個(gè)Angular Web應(yīng)用　　1
1．1　仿制Reddit網(wǎng)站　1
1．2　起步　3
1．2．1　TypeScript　3
1．2．2　angular-cli　3
1．2．3　示例項(xiàng)目　4
1．3　運(yùn)行應(yīng)用　7
1．3．1　制作Component　8
1．3．2　導(dǎo)入依賴(lài)　9
1．3．3　Component注解　10
1．3．4　用templateUrl添加模板　11
1．3．5　添加template　11
1．3．6　用styleUrls添加CSS樣式　12
1．3．7　加載組件　12
1．4　把數(shù)據(jù)添加到組件中　13
1．5　使用數(shù)組　15
1．6　使用UserItemComponent組件　18
1．6．1　渲染UserItemComponent　18
1．6．2　接收輸入　19
1．6．3　傳入Input值　20
1．7　“啟動(dòng)”速成班　21
1．8　擴(kuò)展你的應(yīng)用　22
1．8．1　添加CSS　24
1．8．2　應(yīng)用程序組件　24
1．8．3　添加互動(dòng)　26
1．8．4　添加文章組件　29
1．9　渲染多行　36
1．9．1　創(chuàng)建Article類(lèi)　36
1．9．2　存儲(chǔ)多篇文章　40
1．9．3　使用inputs配置ArticleComponent　41
1．9．4　渲染文章列表　42
1．10　添加新文章　44
1．11　·后的修整　44
1．11．1　顯示文章所屬的域名　44
1．11．2　基于分?jǐn)?shù)重新排序　45
1．12　全部代碼　45
1．13　總結(jié)　45
1．14　獲得幫助　46
第2章　TypeScript　47
2．1　Angular是用TypeScript構(gòu)建的　47
2．2　TypeScript提供了哪些特性　48
2．3　類(lèi)型　49
2．4　內(nèi)置類(lèi)型　50
2．4．1　字符串　50
2．4．2　數(shù)字　50
2．4．3　布爾類(lèi)型　51
2．4．4　數(shù)組　51
2．4．5　枚舉　51
2．4．6　任意類(lèi)型　52
2．4．7　“無(wú)”類(lèi)型　52
2．5　類(lèi)　52
2．5．1　屬性　52
2．5．2　方法　53
2．5．3　構(gòu)造函數(shù)　54
2．5．4　繼承　55
2．6　工具　57
2．6．1　胖箭頭函數(shù)　57
2．6．2　模板字符串　58
2．7　總結(jié)　59
第3章　Angular的工作原理　60
3．1　應(yīng)用　60
3．1．1　主導(dǎo)航組件　61
3．1．2　面包屑導(dǎo)航組件　61
3．1．3　產(chǎn)品列表組件　62
3．2　產(chǎn)品數(shù)據(jù)模型　64
3．3　組件　64
3．4　組件注解　66
3．4．1　組件selector　66
3．4．2　組件template　67
3．4．3　添加產(chǎn)品　67
3．4．4　用模板綁定來(lái)查看產(chǎn)品　68
3．4．5　添加更多產(chǎn)品　69
3．4．6　選擇一個(gè)產(chǎn)品　70
3．4．7　用列出產(chǎn)品　73
3．5．1　設(shè)置ProductsList的@Component配置項(xiàng)　73
3．5．2　組件的輸入　74
3．5．3　組件的輸出　77
3．5．4　觸發(fā)自定義事件　78
3．5．5　編寫(xiě)ProductsList的控制器類(lèi)　79
3．5．6　編寫(xiě)ProdctsList的視圖模板　81
3．6　產(chǎn)品條目組件　83
3．6．1　產(chǎn)品條目的組件配置　83
3．6．2　產(chǎn)品條目組件的定義類(lèi)　84
3．6．3　產(chǎn)品條目組件的template　84
3．6．4　完整的ProductRow代碼清單　85
3．8　價(jià)格展示組件　86
3．9　產(chǎn)品分類(lèi)組件　87
3．10　創(chuàng)建NgModule并啟動(dòng)應(yīng)用　88
3．11　完整的項(xiàng)目　89
3．12　關(guān)于數(shù)據(jù)架構(gòu)的一點(diǎn)說(shuō)明　90
第4章　內(nèi)置指令　91
4．1　簡(jiǎn)介　91
4．2　ngIf　91
4．3　ngSwitch　92
4．4　ngStyle　93
4．5　ngClass　95
4．6　ngFor　98
4．7　ngNonBindable　102
4．8　總結(jié)　102
第5章　Angular中的表單　103
5．1　表單——既重要，又復(fù)雜　103
5．2　FormControl和FormGroup　103
5．2．1　FormControl　104
5．2．2　FormGroup　104
5．3　我們的，個(gè)表單　105
5．3．1　加載FormsModule　106
5．3．2　簡(jiǎn)易SKU表單：@Component注解　107
5．3．3　簡(jiǎn)易SKU表單：template　107
5．3．4　簡(jiǎn)易SKU表單：組件定義類(lèi)　110
5．4　使用FormBuilder　111
5．5　響應(yīng)式表單 FormBuilder　112
5．5．1　使用FormBuilder　112
5．5．2　在視圖中使用myForm　113
5．5．3　試試看　114
5．6　添加驗(yàn)證　115
5．6．1　顯式地把sku設(shè)置為實(shí)例變量　116
5．6．2　自定義驗(yàn)證器　120
5．7　監(jiān)聽(tīng)變化　121
5．8　ngModel　122
5．9　總結(jié)　124
第6章　HTTP　125
6．1　簡(jiǎn)介　125
6．2　使用@angular/http　126
6．3　基本請(qǐng)求　127
6．3．1　構(gòu)建SimpleHTTPComponent的@Component　127
6．3．2　構(gòu)建SimpleHTTPComponent的template　128
6．3．3　構(gòu)建SimpleHTTPComponent控制器　128
6．3．4　完整的SimpleHTTPComponent　130
6．4　編寫(xiě)YouTubeSearchComponent　130
6．4．1　編寫(xiě)SearchResult　132
6．4．2　編寫(xiě)YouTubeService　132
6．4．3　編寫(xiě)SearchBox　140
6．4．4　編寫(xiě)SearchResultComponent　145
6．4．5　編寫(xiě)YouTubeSearchComponent　147
6．5　@angular/http API　150
6．5．1　發(fā)起一個(gè)POST請(qǐng)求　150
6．5．2　PUT/PATCH/DELETE/HEAD　150
6．5．3　RequestOptions　151
6．6　總結(jié)　151
第7章　路由　152
7．1　為什么需要路由　152
7．2　客戶端路由的工作原理　153
7．2．1　初級(jí)階段：使用錨標(biāo)記　153
7．2．2　進(jìn)化：HTML5客戶端路由　154
7．3　編寫(xiě)，個(gè)路由配置　155
7．4　Angular路由的組成部件　155
7．4．1　導(dǎo)入　155
7．4．2　路由配置　155
7．4．3　安裝路由配置　156
7．4．4　使用調(diào)用RouterOutlet指令　157
7．4．5　使用[routerLink]調(diào)用routerLink指令　158
7．5　整合　159
7．5．1　創(chuàng)建組件　160
7．5．2　應(yīng)用程序組件　161
7．5．3　配置路由　163
7．6　路由策略　164
7．7　路徑定位策略　165
7．8　運(yùn)行應(yīng)用程序　165
7．9　路由參數(shù)　167
7．10　音樂(lè)搜索應(yīng)用　168
7．10．1　首要步驟　169
7．10．2　SpotifyService　170
7．10．3　SearchComponent　171
7．10．4　嘗試搜索　179
7．10．5　TrackComponent　180
7．10．6　音樂(lè)搜索應(yīng)用小結(jié)　182
7．11　路由器鉤子　182
7．11．1　AuthService　183
7．11．2　LoginComponent　184
7．11．3　ProtectedComponent組件和路由守衛(wèi)　186
7．12　嵌套路由　190
7．12．1　配置路由　191
7．12．2　ProductsComponent組件　191
7．13　總結(jié)　194
第8章　依賴(lài)注入　195
8．1　注入示例：PriceService　196
8．2　“別打給我們……”　197
8．3　依賴(lài)注入的部件　199
8．4　嘗試注入器　200
8．5　用NgModule提供依賴(lài)　201
8．6　提供者　202
8．6．1　使用類(lèi)　202
8．6．2　使用工廠　203
8．6．3　使用值　205
8．6．4　使用別名　205
8．7　應(yīng)用中的依賴(lài)注入　205
8．8　使用注入器　207
8．9　替換值　211
8．10　NgModule　215
8．10．1　NgModule與模塊　215
8．10．2　編譯器與組件　215
8．10．3　依賴(lài)注入與提供者　216
8．10．4　組件可見(jiàn)性　217
8．10．5　指定提供者　218
8．11　總結(jié)　219
第9章　Angular數(shù)據(jù)架構(gòu)　220
第10章　使用可觀察對(duì)象的數(shù)據(jù)架構(gòu)，第1 部分：服務(wù)　222
10．1　可觀察對(duì)象和RxJS　222
10．1．1　注意：一些必備的RxJS相關(guān)知識(shí)　222
10．1．2　學(xué)習(xí)響應(yīng)式編程和RxJS　223
10．2　聊天應(yīng)用概覽　224
10．2．1　組件　225
10．2．2　數(shù)據(jù)模型　226
10．2．3　服務(wù)　226
10．2．4　總結(jié)　226
10．3　實(shí)現(xiàn)數(shù)據(jù)模型　227
10．3．1　User　227
10．3．2　Thread　227
10．3．3　Message　228
10．4　實(shí)現(xiàn)UserService　228
10．4．1　currentUser流　229
10．4．2　設(shè)置新用戶　230
10．4．3　UserService．ts　231
10．5　MessagesService　231
10．5．1　newMessages流　231
10．5．2　messages流　233
10．5．3　操作流模式　233
10．5．4　共享流　234
10．5．5　把Message對(duì)象添加到messages流中　235
10．5．6　完整的MessagesService　238
10．5．7　試用MessagesService　241
10．6　ThreadsService　242
10．6．1　當(dāng)前一組Thread 的映射（threads流）　242
10．6．2　按時(shí)間逆序排列的Thread列表（orderedthreads流）　246
10．6．3　當(dāng)前已選的Thread（currentThread流）　246
10．6．4　當(dāng)前已選Thread的Message列表（currentThreadMessages流）　248
10．6．5　完整的ThreadsService　250
10．7　總結(jié)　251
第11章　使用可觀察對(duì)象的數(shù)據(jù)架構(gòu)，第2部分：視圖組件　252
11．1　構(gòu)建視圖：頂層組件ChatApp　252
11．2　ChatThreads組件　254
11．2．1　ChatThreads控制器　255
11．2．2　ChatThreads的template　256
11．3．1　ChatThread控制器和ngOnInit　257
11．3．2　ChatThread的template　258
11．3．3　ChatThread的完整代碼　258
11．4　ChatWindow組件　259
11．4．1　ChatWindow組件類(lèi)屬性　260
11．4．2　ChatWindow的ngOnInit　261
11．4．3　ChatWindow的sendMessage　261
11．4．4　ChatWindow的onEnter　262
11．4．5　ChatWindow的scrollToBottom　262
11．4．6　ChatWindow 的template　263
11．4．7　處理鍵盤(pán)動(dòng)作　264
11．4．8　使用ngModel　264
11．4．9　點(diǎn)擊Send按鈕　265
11．4．10　完整的ChatWindow組件　267
11．5．1　設(shè)置incoming屬性　268
11．5．2　ChatMessage的template　270
11．6　ChatNavBar組件　273
11．6．1　ChatNavBar的@Component　273
11．6．3　ChatNavBar的template　274
11．6．4　完整的ChatNavBar組件　275
11．7　總結(jié)　276
11．8　更進(jìn)一步　277
第12章　基于TypeScript的Redux簡(jiǎn)介　278
12．1　Redux　279
12．2　Redux核心概念　280
12．2．1　reducer是什么　280
12．2．2　定義Action和Reducer的接口　281
12．2．3　創(chuàng)建，個(gè)Reducer　281
12．2．4　運(yùn)行，個(gè)Reducer　282
12．2．5　使用action調(diào)整計(jì)數(shù)器　283
12．2．6　reducer的switch　284
12．2．7　action的“參數(shù)”　285
12．3　保存state　286
12．3．1　使用store　287
12．3．2　使用subscribe進(jìn)行通知　287
12．3．3　Redux核心　290
12．4　消息應(yīng)用　291
12．4．1　消息應(yīng)用的state　291
12．4．2　消息應(yīng)用的action　292
12．4．3　消息應(yīng)用的reducer　292
12．4．4　試用action　295
12．4．5　action creator　296
12．4．6　使用真正的Redux　297
12．5　在Angular中使用Redux　299
12．6　規(guī)劃應(yīng)用　299
12．7　組建Redux　300
12．7．1　定義應(yīng)用的state　300
12．7．2　定義reducer　301
12．7．3　定義action creator　301
12．7．4　創(chuàng)建store　302
12．8　CounterApp組件　303
12．9　提供store　304
12．10　啟動(dòng)應(yīng)用　305
12．11　CounterComponent　306
12．11．1　import　306
12．11．2　模板　306
12．11．3　constructor　307
12．11．4　整合　308
12．12　更進(jìn)一步　310
12．13　參考資源　310
第13章　在Angular中引入Redux　312
13．1　閱讀背景　312
13．2　聊天應(yīng)用概覽　313
13．2．1　組件　313
13．2．2　數(shù)據(jù)模型　314
13．2．3　reducer　315
13．2．4　總結(jié)　315
13．3　實(shí)現(xiàn)數(shù)據(jù)模型　315
13．3．1　User　315
13．3．2　Thread　316
13．3．3　Message　316
13．4　應(yīng)用的state　316
13．4．1　關(guān)于代碼布局　317
13．4．2　根reducer　317
13．4．3　UserState　318
13．4．4　ThreadsState　318
13．4．5　可視化AppState　319

.....................