
AngularJS實戰培訓
1 初識Angular
1.1 Angular簡介
1.2 一個顯示Hello world的Angular應用
1.3 實現計算并帶格式顯示兩個數值的和
1.4 實現頁面元素數據雙向綁定的功能
1.5 實現頁面中多項數據綁定顯示的功能
2 表達式和控制器及模板的介紹
2.1 Angular中表達式的概念
2.2 控制器中的屬性使用
2.3 控制器中方法的使用
2.4 視圖元素中事件與方法的綁定
2.5 模板的基礎和使用方法
3 過濾器功能的介紹和運用
3.1 過濾器的定義和分類及排序使用
3.2 視圖頁面中隔行變色功能的實現
3.3 匹配過濾器功能的實現
3.4 自定義過濾器功能的實現
3.5 過濾器的應用——表頭排序的實現
3.6 過濾器的應用——字符查找功能的實現
4 依賴注入的介紹與使用
4.1 依賴注入的定義和功能原理
4.2 自定義服務的方法和注入過程
4.3 依賴注入的方式——推斷式注入
4.4 依賴注入的方式——標記式注入
4.5 依賴注入的方式——行內式注入
5 MVC模式的介紹與應用
5.1 MCV模式簡單與隱式模型數據定義
5.2 控制器中定義和使用可傳參數的方法
5.3 控制器中屬性和方法的繼承
5.4 View組件中模板的切換
5.5 頁面切換參數的傳遞
6 服務的介紹與使用
6.1 服務的基礎知識與創建方法
6.2 使用Factory方法自定義服務
6.3 使用Service方法自定義服務
6.4 使用Constant和Value方法自定義服務
6.5 服務的裝飾器
6.6 服務的多例性
7 視圖層與服務端的交互
7.1 服務端交互的基礎和$http快捷方法以GET方式請求服務端API
7.2 $http快捷方法以POST方式請求服務端API
7.3 使用$http對象的方法請求服務端API
7.4 緩存的基礎概念和使$cacheFactory服務創建緩存對象
7.5 $http服務中的緩存
7.6 自定義$http服務中的緩存
8 Angular中的指令
8.1 指令的基礎概念和定義的方法
8.2 指令對象中的replace和templateUrl屬性
8.3 指令對象中的transclude屬性
8.4 指令對象中的link屬性
8.5 指令對象中的compile屬性
9 Angular中的$location對象
9.1 調用$location對象的只讀方法
9.2 調用$location對象的讀寫類方法
9.3 捕捉$locationChangeStart事件
9.4 捕捉$locationChangeSuccess事件
9.5 路由對象方法的雙向綁定
10 Angular中需要注意的事項
10.1 解決setTimeout改變屬性的無效
10.2 注意ng-repeat中過濾后的索引號
10.3 解決點擊按鈕事件中的冒泡現象
10.4 釋放多余的$watch監測函數
10.5 解決ng-if中ng-modle值無效的問題
11 經典案例講解
11.1 案例一:tab無JS代碼切換——需求分析與效果展示
11.2 案例一:tab無JS代碼切換——實現代碼與源碼分析
11.3 案例二:list與grid無JS切換——需求分析與效果展示
11.4 案例二:list與grid無JS切換——實現代碼與源碼分析
11.5 案例三:search查詢頁面的實現——需求分析與效果展示
11.6 案例三:search查詢頁面的實現——實現代碼與源碼分析
11.7 案例四:todolist任務管理頁面的實現——需求分析與效果展示
11.8 案例四:todolist任務管理頁面的實現——實現代碼與源碼分析
12 數據庫與頁面交互應用
12.1 頁面與數據庫API交互過程
12.2 調用數據庫API展示新聞頁數據
12.3 調用數據庫API刪除指定ID號的新聞數據
12.4 調用數據庫API增加新聞數據