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

Posted alan-alan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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


















以上是关于webApp开发-angular1+ 功能模块划分的主要内容,如果未能解决你的问题,请参考以下文章

angularJs项目实战!01:模块划分和目录组织

翻译对比Angular1和Angular2中的依赖注入

AngularJS 2.0入门指南

grafana基于angular哪个版本开发的?

HTML5八大特性助力移动WebApp开发

妙用HTML5的八大特性来开发移动webAPP