1. 程式人生 > 實用技巧 >AngularJS 學習筆記 (三) 基本概念和用法 之 路由、模組、依賴注入

AngularJS 學習筆記 (三) 基本概念和用法 之 路由、模組、依賴注入

>>> hot3.png

1、AngualrJS的模組化實現

PS:小圖是全域性變數,大圖是模組化的變數。

  1. 使用angular.module("模組名", [ ]); 建立一個模組。
  2. 這個模組使用Controller方法生成一個叫做helloNgCtrl的控制器,包括它的方法。
  3. 一定要帶$scope 。 呼叫時才能生效。

2、一個完整專案結構是什麼樣子的

3、使用ng-Route進行檢視之間的切換--路由

PS:核心是$routeProvider ,它只有兩個方法,when() 和 otherwise()

4、ng官方推薦的模組切分方式是什麼?

5、模組之間的依賴應該怎麼做?-- 依賴注入

6、專案中的佈局

6.1 html_demo模板

6.2 JS_demo模板

6.2.1 app.js

-- 寫依賴,寫路由

6.2.2 controllers.js

-- 寫控制器

6.2.3 directives.js

-- 寫指令,比如<hello></hello>

6.2.4 filters.js

-- 寫過濾器(目前還沒學到)

6.2.5 services.js

--寫服務的,之前提到過,不同控制器有一模一樣的邏輯時,用service呼叫

轉載於:https://my.oschina.net/asktao/blog/686456