第 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ǔ)類型 41 3.1.4 類型斷言 51 3.2 函數(shù) 53 3.2.1 函數(shù)參數(shù) 53 3.2.2 函數(shù)的返回類型 57 3.2.3 函數(shù)類型 58 3.2.4 函數(shù)的重載 63 3.2.5 箭頭函數(shù) 64 3.3 類 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 抽象類 92 3.4 小結(jié) 95 第4章 TypeScript進(jìn)階 96 4.1 類型和接口 96 4.1.1 常用類型 96 4.1.2 特殊類型 104 4.1.3 接口 107 4.1.4 運(yùn)行時(shí)類型判斷 113 4.2 泛型 120 4.2.1 泛型函數(shù) 121 4.2.2 泛型類 122 4.2.3 泛型接口 125 4.2.4 類型推斷 127 4.2.5 類型約束 128 4.3 裝飾器 129 4.3.1 元數(shù)據(jù) 130 4.3.2 reflect-metadata 134 4.3.3 屬性裝飾器 137 4.3.4 類裝飾器 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 編寫聲明文件 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 編寫應(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 依賴注入：管理服務(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章 天天菜園：客戶中心（上） 325 9.1 客戶領(lǐng)域模塊：復(fù)習(xí)鞏固 325 9.1.1 創(chuàng)建客戶領(lǐng)域目錄 325 9.1.2 創(chuàng)建客戶領(lǐng)域模型 326 9.1.3 創(chuàng)建客戶組件 328 9.1.4 創(chuàng)建視圖相關(guān)文件 331 9.1.5 創(chuàng)建客戶領(lǐng)域路由配置模塊 334 9.1.6 創(chuàng)建客戶領(lǐng)域模塊 335 9.1.7 導(dǎo)入客戶領(lǐng)域模塊到根模塊 336 9.1.8 導(dǎo)航到客戶視圖 337 9.2 路由加載模塊：提高應(yīng)用程序啟動(dòng)效率 338 9.2.1 路由加載客戶領(lǐng)域模塊 339 9.2.2 重新導(dǎo)航到客戶視圖 341 9.2.3 模塊和依賴注入器 343 9.3 表單（上）：雙向數(shù)據(jù)綁定 347 9.3.1 安裝和配置表單包 347 9.3.2 導(dǎo)入表單模塊到客戶領(lǐng)域模塊 348 9.3.3 提交客戶表單 349 9.3.4 綁定客戶表單 351 9.3.5 進(jìn)行注冊(cè)和登錄 356 9.4 小結(jié) 357 第 10章 天天菜園：客戶中心（下） 358 10.1 表單（下）：驗(yàn)證用戶輸入 358 10.1.1 客戶表單驗(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)客戶服務(wù) 385 10.3.2 重構(gòu)客戶組件 396 10.3.3 重構(gòu)商品服務(wù) 399 10.3.4 重構(gòu)商品組件 401 10.4 小結(jié) 402 第 11章 天天菜園：購(gòu)物車 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)物車 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)物車領(lǐng)域模塊：一次完整的領(lǐng)域?qū)崿F(xiàn)體驗(yàn) 421 11.3.1 創(chuàng)建購(gòu)物車領(lǐng)域目錄 422 11.3.2 創(chuàng)建購(gòu)物車領(lǐng)域模型 422 11.3.3 創(chuàng)建購(gòu)物車組件 424 11.3.4 創(chuàng)建購(gòu)物車視圖文件 427 11.3.5 創(chuàng)建購(gòu)物車領(lǐng)域路由配置模塊 430 11.3.6 創(chuàng)建購(gòu)物車領(lǐng)域模塊 430 11.3.7 加載購(gòu)物車領(lǐng)域模塊 431 11.3.8 導(dǎo)航到購(gòu)物車視圖 432 11.4 事件綁定：處理用戶交互 433 11.4.1 增加或減少購(gòu)物車商品數(shù)量 434 11.4.2 刪除購(gòu)物車商品 436 11.4.3 直接修改購(gòu)物車商品數(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)物車領(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)物車商品總數(shù)（上） 464 12.2.2 同步購(gòu)物車商品總數(shù)（中） 468 12.2.3 Observable vs. Subject 470 12.3 服務(wù)模塊：封裝共享服務(wù) 482 12.3.1 同步購(gòu)物車商品總數(shù)（下） 482 12.3.2 同步登錄客戶姓名 485 12.3.3 完善同步 489 12.3.4 五種特性模塊的比較 493 12.4 小結(jié) 493 第 13章 天天菜園：完善（下） 494 13.1 保護(hù)購(gòu)物車視圖 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ù)登錄客戶元素 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)畫 519 13.6.1 安裝Angular動(dòng)畫包 519 13.6.2 搜索按鈕動(dòng)畫 520 13.6.3 購(gòu)物車商品刪除動(dòng)畫 524 13.6.4 路由過(guò)渡動(dòng)畫 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