Typescript 語法介紹

類 Classes

接口 Interfaces

模塊 Modules

類型注解 Type annotations

編譯時類型檢查 Compile time type checking

Arrow 函數 (類似 C# 的 Lambda 表達式)

Angular 程序架構

模塊 (Modules)

組件 (Components)

模板 (Templates)

元數據 (Metadata)

數據綁定 (Data Binding)

指令 (Directives)

服務 (Services)

依賴注入 (Dependency Injection)

Angular 數據顯示

通過插值表達式顯示組件的屬性

為數據創建實體類

通過 NgFor 顯示數組型屬性

通過 NgIf 實現按條件顯示

用戶輸入

綁定到用戶輸入事件

通過 $event 對象取得用戶輸入

從一個模板引用變量中獲得用戶輸入

按鍵事件過濾

失去焦點事件處理

Angular 表單數據處理

使用組件和模板構建 Angular 表單

用 ngModel 創建雙向數據綁定，以讀取和寫入輸入控件的值

跟蹤狀態的變化，并驗證表單控件

使用特殊的 CSS 類來跟蹤控件的狀態并給出視覺反饋

向用戶顯示驗證錯誤提示，以及啟用/禁用表單控件

使用模板引用變量在 HTML 元素之間共享信息

Angular 依賴注入

為什么需要依賴注入

Angular 依賴注入

注入器提供商

依賴注入令牌

總結

Angular 模板語法

HTML

插值表達式

模板表達式

模板語句

綁定語法

屬性綁定

HTML 屬性、 class 和 style 綁定

事件綁定

使用 NgModel 進行雙向數據綁定

內置指令

與 <template>

模板引用變量

輸入輸出屬性

模板表達式操作符

Angular 測試

測試 Angular 組件

測試 Angular 的服務

Angular 相關工具介紹

Webpack

安裝和使用

Loaders

插件

概要

NPM 腳本集成

Angular Cli

創建

創建新應用程序

啟動應用

創建組件

創建路由

創建其他東西

測試

Linting

CLI 命令概述