Angular應(yīng)用程序開(kāi)發(fā)指南

第 1章 初識(shí)Angular 1
1．1 JavaScript的誕生 1
1．2 AngularJS的誕生 1
1．3 從AngularJS到Angular 2 2
1．4 從Angular 2到Angular 2
1．5 Angular是一個(gè)框架 3
1．6 小結(jié) 4
第 2章 準(zhǔn)備工作 5
2．1 跨平臺(tái)的開(kāi)發(fā)環(huán)境 5
2．1．1 Node．js 5
2．1．2 Visual Studio Code 8
2．1．3 TypeScript編譯器 10
2．1．4 調(diào)試TypeScript代碼 14
2．1．5 Express 18
2．2 了解模塊 22
2．2．1 通用模塊 22
2．2．2 ECMAScript模塊 31
2．3 小結(jié) 33
第3章 TypeScript語(yǔ)法基礎(chǔ) 34
3．1 基礎(chǔ)概念 34
3．1．1 模塊 34
3．1．2 變量和常量 39
3．1．3 基礎(chǔ)類(lèi)型 41
3．1．4 類(lèi)型斷言 51
3．2 函數(shù) 53
3．2．1 函數(shù)參數(shù) 53
3．2．2 函數(shù)的返回類(lèi)型 57
3．2．3 函數(shù)類(lèi)型 58
3．2．4 函數(shù)的重載 63
3．2．5 箭頭函數(shù) 64
3．3 類(lèi) 67
3．3．1 實(shí)例成員 68
3．3．2 靜態(tài)成員 73
3．3．3 可選成員 76
3．3．4 索引 78
3．3．5 繼承 79
3．3．6 可訪問(wèn)性 86
3．3．7 抽象類(lèi) 92
3．4 小結(jié) 95
第4章 TypeScript進(jìn)階 96
4．1 類(lèi)型和接口 96
4．1．1 常用類(lèi)型 96
4．1．2 特殊類(lèi)型 104
4．1．3 接口 107
4．1．4 運(yùn)行時(shí)類(lèi)型判斷 113
4．2 泛型 120
4．2．1 泛型函數(shù) 121
4．2．2 泛型類(lèi) 122
4．2．3 泛型接口 125
4．2．4 類(lèi)型推斷 127
4．2．5 類(lèi)型約束 128
4．3 裝飾器 129
4．3．1 元數(shù)據(jù) 130
4．3．2 reflect-metadata 134
4．3．3 屬性裝飾器 137
4．3．4 類(lèi)裝飾器 142
4．3．5 其他裝飾器 153
4．3．6 裝飾器工廠 155
4．4 小結(jié) 160
第5章 TypeScript補(bǔ)充 161
5．1 模塊 161
5．1．1 導(dǎo)出 161
5．1．2 導(dǎo)入 164
5．1．3 模塊解析 168
5．1．4 模塊擴(kuò)展 176
5．2 命名空間 178
5．2．1 全局命名空間 179
5．2．2 模塊內(nèi)的命名空間 181
5．2．3 global擴(kuò)展 183
5．2．4 Node．js全局作用域 188
5．3 聲明文件 191
5．3．1 環(huán)境上下文 192
5．3．2 編寫(xiě)聲明文件 194
5．3．3 環(huán)境模塊 198
5．3．4 使用JavaScript包 200
5．3．5 TypeScript庫(kù) 205
5．4 項(xiàng)目配置 208
5．5 小結(jié) 209
第6章 Angular基礎(chǔ)概念 210
6．1 Angular應(yīng)用程序的組成部分 210
6．1．1 組件 211
6．1．2 模板 212
6．1．3 數(shù)據(jù)綁定 213
6．1．4 服務(wù) 214
6．1．5 指令 215
6．1．6 管道 216
6．1．7 模塊 217
6．2 創(chuàng)建一個(gè)Angular應(yīng)用程序 218
6．2．1 準(zhǔn)備工作 219
6．2．2 編寫(xiě)應(yīng)用程序代碼 224
6．2．3 啟動(dòng)應(yīng)用程序 229
6．2．4 創(chuàng)建過(guò)程回顧 235
6．3 Angular和MVC 236
6．3．1 MVC 236
6．3．2 MVVM 238
6．3．3 Angular中的MVC 238
6．4 小結(jié) 240
第7章 天天菜園：一個(gè)真實(shí)的Angular應(yīng)用程序 241
7．1 創(chuàng)建項(xiàng)目 241
7．2 服務(wù)：領(lǐng)域模型 245
7．3 組件：應(yīng)用邏輯 246
7．4 模板：展示邏輯 248
7．4．1 指令 249
7．4．2 數(shù)據(jù)綁定 250
7．4．3 管道 265
7．5 完善 268
7．5．1 MVC目錄 268
7．5．2 常用指令 269
7．5．3 Bootstrap 277
7．5．4 根視圖 281
7．6 小結(jié) 285
第8章 天天菜園：商品展示 286
8．1 創(chuàng)建商品細(xì)節(jié)視圖 286
8．1．1 重構(gòu)商品服務(wù) 286
8．1．2 創(chuàng)建商品細(xì)節(jié)組件 287
8．1．3 創(chuàng)建商品細(xì)節(jié)模板和樣式 288
8．1．4 封裝商品細(xì)節(jié)組件 289
8．2 路由器：構(gòu)建單頁(yè)面應(yīng)用程序 290
8．2．1 安裝和配置路由器包 291
8．2．2 注冊(cè)路由項(xiàng) 292
8．2．3 使用路由器鏈接指令 294
8．2．4 設(shè)置路由器出口 295
8．2．5 設(shè)置標(biāo)簽 296
8．2．6 刷新商品細(xì)節(jié)視圖 298
8．2．7 美化商品細(xì)節(jié)視圖 300
8．3 領(lǐng)域模塊：劃分領(lǐng)域 304
8．3．1 創(chuàng)建商品領(lǐng)域目錄 304
8．3．2 轉(zhuǎn)移商品領(lǐng)域代碼 305
8．3．3 創(chuàng)建商品領(lǐng)域模塊 306
8．3．4 導(dǎo)入商品領(lǐng)域模塊到根模塊 307
8．3．5 導(dǎo)入Angular模塊到商品領(lǐng)域模塊 307
8．4 路由配置模塊：配置領(lǐng)域路由 308
8．4．1 創(chuàng)建商品領(lǐng)域路由配置模塊 310
8．4．2 導(dǎo)入商品領(lǐng)域路由配置模塊到商品領(lǐng)域模塊 311
8．4．3 創(chuàng)建應(yīng)用程序根路由配置模塊 312
8．4．4 導(dǎo)入應(yīng)用程序根路由配置模塊到應(yīng)用程序根模塊 312
8．5 依賴(lài)注入：管理服務(wù) 313
8．5．1 注冊(cè)商品服務(wù) 314
8．5．2 為商品列表組件注入商品服務(wù) 316
8．5．3 為商品細(xì)節(jié)組件注入商品服務(wù) 317
8．6 綜合運(yùn)用：傳遞業(yè)務(wù)參數(shù) 318
8．6．1 附加商品ID到目標(biāo)path 318
8．6．2 配置匹配商品ID的路由參數(shù) 319
8．6．3 獲取目標(biāo)path中的商品ID 320
8．6．4 完善 323
8．7 小結(jié) 324
第9章 天天菜園：客戶(hù)中心（上） 325
9．1 客戶(hù)領(lǐng)域模塊：復(fù)習(xí)鞏固 325
9．1．1 創(chuàng)建客戶(hù)領(lǐng)域目錄 325
9．1．2 創(chuàng)建客戶(hù)領(lǐng)域模型 326
9．1．3 創(chuàng)建客戶(hù)組件 328
9．1．4 創(chuàng)建視圖相關(guān)文件 331
9．1．5 創(chuàng)建客戶(hù)領(lǐng)域路由配置模塊 334
9．1．6 創(chuàng)建客戶(hù)領(lǐng)域模塊 335
9．1．7 導(dǎo)入客戶(hù)領(lǐng)域模塊到根模塊 336
9．1．8 導(dǎo)航到客戶(hù)視圖 337
9．2 路由加載模塊：提高應(yīng)用程序啟動(dòng)效率 338
9．2．1 路由加載客戶(hù)領(lǐng)域模塊 339
9．2．2 重新導(dǎo)航到客戶(hù)視圖 341
9．2．3 模塊和依賴(lài)注入器 343
9．3 表單（上）：雙向數(shù)據(jù)綁定 347
9．3．1 安裝和配置表單包 347
9．3．2 導(dǎo)入表單模塊到客戶(hù)領(lǐng)域模塊 348
9．3．3 提交客戶(hù)表單 349
9．3．4 綁定客戶(hù)表單 351
9．3．5 進(jìn)行注冊(cè)和登錄 356
9．4 小結(jié) 357
第 10章 天天菜園：客戶(hù)中心（下） 358
10．1 表單（下）：驗(yàn)證用戶(hù)輸入 358
10．1．1 客戶(hù)表單驗(yàn)證 358
10．1．2 提示表單驗(yàn)證規(guī)則 365
10．2 Web API：真實(shí)的服務(wù)端 375
10．2．1 Web API列表 375
10．2．2 Web API實(shí)現(xiàn) 378
10．2．3 Web API注冊(cè) 381
10．2．4 獲取請(qǐng)求體 383
10．3 HttpClient：與Web服務(wù)端通信 384
10．3．1 重構(gòu)客戶(hù)服務(wù) 385
10．3．2 重構(gòu)客戶(hù)組件 396
10．3．3 重構(gòu)商品服務(wù) 399
10．3．4 重構(gòu)商品組件 401
10．4 小結(jié) 402
第 11章 天天菜園：購(gòu)物車(chē) 404
11．1 Web API：服務(wù)端支持 404
11．1．1 Web API列表 404
11．1．2 Web API實(shí)現(xiàn) 409
11．1．3 Web API注冊(cè) 415
11．2 重構(gòu)商品領(lǐng)域模塊：添加商品到購(gòu)物車(chē) 417
11．2．1 重構(gòu)商品領(lǐng)域模塊 417
11．2．2 重構(gòu)商品服務(wù) 417
11．2．3 重構(gòu)商品細(xì)節(jié)組件 418
11．2．4 重構(gòu)商品細(xì)節(jié)模板 419
11．2．5 重構(gòu)商品細(xì)節(jié)樣式 420
11．3 購(gòu)物車(chē)領(lǐng)域模塊：一次完整的領(lǐng)域?qū)崿F(xiàn)體驗(yàn) 421
11．3．1 創(chuàng)建購(gòu)物車(chē)領(lǐng)域目錄 422
11．3．2 創(chuàng)建購(gòu)物車(chē)領(lǐng)域模型 422
11．3．3 創(chuàng)建購(gòu)物車(chē)組件 424
11．3．4 創(chuàng)建購(gòu)物車(chē)視圖文件 427
11．3．5 創(chuàng)建購(gòu)物車(chē)領(lǐng)域路由配置模塊 430
11．3．6 創(chuàng)建購(gòu)物車(chē)領(lǐng)域模塊 430
11．3．7 加載購(gòu)物車(chē)領(lǐng)域模塊 431
11．3．8 導(dǎo)航到購(gòu)物車(chē)視圖 432
11．4 事件綁定：處理用戶(hù)交互 433
11．4．1 增加或減少購(gòu)物車(chē)商品數(shù)量 434
11．4．2 刪除購(gòu)物車(chē)商品 436
11．4．3 直接修改購(gòu)物車(chē)商品數(shù)量 437
11．5 嵌套組件：構(gòu)建復(fù)雜應(yīng)用程序 441
11．5．1 重構(gòu)商品服務(wù) 442
11．5．2 重構(gòu)商品列表組件 442
11．5．3 重構(gòu)商品列表模板 443
11．5．4 傳遞搜索參數(shù) 444
11．5．5 創(chuàng)建商品搜索組件 446
11．5．6 重構(gòu)購(gòu)物車(chē)領(lǐng)域模塊 448
11．5．7 顯示商品搜索視圖 448
11．5．8 強(qiáng)化商品搜索組件 450
11．6 小結(jié) 453
第 12章 天天菜園：完善（上） 455
12．1 部件模塊：封裝共享組件 455
12．2 Subject：模塊間通信 463
12．2．1 同步購(gòu)物車(chē)商品總數(shù)（上） 464
12．2．2 同步購(gòu)物車(chē)商品總數(shù)（中） 468
12．2．3 Observable vs． Subject 470
12．3 服務(wù)模塊：封裝共享服務(wù) 482
12．3．1 同步購(gòu)物車(chē)商品總數(shù)（下） 482
12．3．2 同步登錄客戶(hù)姓名 485
12．3．3 完善同步 489
12．3．4 五種特性模塊的比較 493
12．4 小結(jié) 493
第 13章 天天菜園：完善（下） 494
13．1 保護(hù)購(gòu)物車(chē)視圖 494
13．1．1 創(chuàng)建路由守衛(wèi) 494
13．1．2 注冊(cè)路由守衛(wèi) 496
13．1．3 應(yīng)用路由守衛(wèi) 496
13．2 保護(hù)登錄客戶(hù)元素 497
13．2．1 創(chuàng)建登錄驗(yàn)證指令 497
13．2．2 封裝登錄驗(yàn)證指令 498
13．2．3 運(yùn)用登錄驗(yàn)證指令 499
13．3 共享消息提示 500
13．3．1 創(chuàng)建消息提示服務(wù) 501
13．3．2 注冊(cè)消息提示服務(wù) 501
13．3．3 創(chuàng)建消息提示組件 502
13．3．4 封裝消息提示組件 503
13．3．5 發(fā)送提示消息 504
13．3．6 顯示提示消息 505
13．4 簡(jiǎn)化消息提示 507
13．4．1 創(chuàng)建消息提示組件 507
13．4．2 重構(gòu)消息提示服務(wù) 508
13．4．3 創(chuàng)建UI服務(wù)模塊 510
13．4．4 導(dǎo)入U(xiǎn)I服務(wù)模塊到根模塊 511
13．4．5 顯示消息提示 511
13．5 確認(rèn)提示 514
13．5．1 創(chuàng)建確認(rèn)提示組件 514
13．5．2 創(chuàng)建確認(rèn)提示服務(wù) 515
13．5．3 注冊(cè)確認(rèn)提示服務(wù) 517
13．5．4 顯示確認(rèn)提示 517
13．6 動(dòng)畫(huà) 519
13．6．1 安裝Angular動(dòng)畫(huà)包 519
13．6．2 搜索按鈕動(dòng)畫(huà) 520
13．6．3 購(gòu)物車(chē)商品刪除動(dòng)畫(huà) 524
13．6．4 路由過(guò)渡動(dòng)畫(huà) 531
13．7 小結(jié) 538
第 14章 使用Angular CLI 539
14．1 構(gòu)建已有應(yīng)用程序 540
14．1．1 安裝Angular CLI 540
14．1．2 安裝Angular編譯器 540
14．1．3 選擇要打包的墊片 541
14．1．4 創(chuàng)建Angular工作空間配置文件 542
14．1．5 不執(zhí)行預(yù)先編譯的構(gòu)建 544
14．1．6 執(zhí)行預(yù)先編譯的構(gòu)建 551
14．1．7 用于生產(chǎn)的構(gòu)建 553
14．1．8 完善 556
14．2 開(kāi)發(fā)新的應(yīng)用程序 558
14．2．1 創(chuàng)建應(yīng)用程序 558
14．2．2 啟動(dòng)應(yīng)用程序 564
14．2．3 添加功能 565
14．2．4 使用語(yǔ)言服務(wù) 572
14．2．5 構(gòu)建應(yīng)用程序 573
14．3 小結(jié) 574