webApp开发-angular1+ 功能模块划分

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

转载于:https://www.cnblogs.com/alan-alan/p/7417175.html