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

高斋晓开卷,独共圣人语。这篇文章主要讲述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+控制器
【webApp开发-angular1+ 功能模块划分】templates/widget/picker_popup.html


















    推荐阅读