webApp開發-angular1+ 功能模組劃分

標籤：讀取   調用   檔案讀取   選取器   鍵盤   進度條   his   func   parse   

js:

控制器命名
app.js定義的帶路由的控制器，子頁面裡單獨聲明的控制器

• app_demoCtr
• page_demoCtr

服務命名
.factory(‘common‘,function($state,$ionicHistory,$ionicScrollDelegate){return{init: function($scope){},}})

公用函數使用(angular1)：重新整理(載入)，返回，跳轉，下拉
服務類

• 傳送簡訊驗證碼服務
• 調用介面服務
• 檔案讀取服務
• 圖片快取服務

服務+$ionicModal+controller+jqdom = 彈窗外掛程式外掛程式

 

• 鍵盤服務
• 拍照
• 進度條

表現形式：彈窗
$ionicModal


指令命名
.directive(‘base‘,function($parse){})
fileModel 指令(檔案預覽)

指令+modal+控制器

amarPicker指令(選取器)

 

 

HTML:主要按功能劃分

• templates命名-按功能模組劃分
• templates/demo/

服務+$ionicModal+controller+jqdom = 彈窗外掛程式外掛程式

• templates/widget/rpay_keyboard_popup.html
• templates/widget/keyboard_popup.html
• templates/widget/num_keyboard_popup.html
• templates/widget/loader_popup.html

 

指令+modal+控制器

templates/widget/picker_popup.html

webApp開發-angular1+ 功能模組劃分