分离AngularJs控制器代码的最佳方法

时间:2016-03-17 06:14:54

标签: javascript angularjs

我有一个与AngularJs控制器上的批量代码相关的问题我有一个带有userDashboard.js的控制器名称,我有很多方法api调用数据,例如:

1)图表 - 图表1,图表2图表3 ......等等

2)表格 - 表1,2等......

3)第1,2,3节

我想用相同的控制器制作单独的Js文件,以使代码可读,并且可以理解我如何实现这一点。

如果我为其他文件使用相同的控制器名称,它是否正常工作,如:

  

controller1.js

use strict';
angular.module('onepgr')
  .controller('userDashboard',
  function ($scope,$routeParams, MyAppService,Excel,$timeout) {
   //API
   //Chart
  });
  

controller2.js

use strict';
    angular.module('onepgr')
      .controller('userDashboard',
      function ($scope,$routeParams, MyAppService,Excel,$timeout) {
      //Table function
      //API
      });

2 个答案:

答案 0 :(得分:1)

不要复制控制器,制作新的控制器,为常见的事情创建服务/工厂,它将注入每个控制器并保持常见的业务逻辑。

答案 1 :(得分:0)

这主要是品味问题。检查Sajan Mullappallys的评论。

否则,johnpapa有一个很好的指导方针,得到了Angular团队的认可。 https://github.com/johnpapa/angular-styleguide

看看你是否适合你的队友。你是那些必须遵守代码的人,所以你必须为你决定什么是好的,什么不是。