Angularjs模塊寬常量最佳實踐

Question

我有幾個「模塊」（aprox.20）具有各自的功能，但都具有相同的結構。每個「模塊」都分佈在不同的文件中。例如管理員「模塊」被存儲在模塊/ admin文件夾，它包括以下文件：

admin.module.js 
admin.routes.js 
admin.content.jade 
admin.content.controller.js 
admin.content.controller.spec.js 
admin.sidebartop.jade 
admin.sidebar.controller.js 
admin.sidebar.controller.spec.js 
and many more...... 

所有模塊的所有類似的文件具有相同的碼結構。所有的代碼都封裝在iFi中。

爲了避免錯誤，並進行結構重用容易，我需要定義一些模塊的具體常量和重用控制器，路線這些常量等

我知道的module.config和恆定功能 。這種方法不能完成這項工作，因爲我不能重複使用兩次相同的名稱。這意味着我仍然需要重寫我的代碼的某些部分，而我想保持它不變。

angular.module('app.foo').constant('CONST', {...}) 

將衝突

angular.module('app.bar').constant('CONST', {...}) 

於是我想出了以下解決方案，這個工作得很好，但不知何故不覺得正確的計算策略。：

我所有的靜態配置在* .module.js完成文件

(function() { 
    'use strict'; 

    angular.module('app.admin', [ 
     'app.foo', 
     'app.bar' 
    ]).CONST ={ 
      module: 'Admin', 
      state: 'admin', 
      url : '/admin', 
      path: 'app/views/modules/admin/', 
      title: 'Admin', 
      description: 'This is the admin module', 
      acl: ['Developer','Administrator'], 
      tileGroups: ['Company'], 
      icon: 'mif-books', 
      badge: 0, 
      filters : 
       {'rootNodes' :{where: {'Template.value' : 'Admin'} } }, 
      ready : false 
     }; 
    })(); 

我重用* .routes.js配置：

(function() { 
     'use strict'; 

     var module =angular.module('app.details'); 
     var CONST = module.CONST; 
     module.run(appRun); 

     appRun.$inject = [ 'routerHelper']; 
     /* @ngInject */ 
     function appRun(routerHelper) { 
      var states = [{ 
       state: CONST.state, 
       config: { 
        title: CONST.title, 
        url: CONST.url, 
        acl: CONST.acl, 
        templateUrl: CONST.path + CONST.state + '.content.html', 
        controller: CONST.module + 'ContentController', 
        controllerAs: 'vm', 
        ncyBreadcrumb: { 
         label: CONST.module 
        } 
       } 
      } 
      ]; 
      routerHelper.configureStates(states); 
     } 
    })(); 

在我所有的* 。* .control.js文件：

(function() { 
    'use strict'; 

    angular 
     .module('app.admin') 
     .controller('AdminContentController', AdminContentController); 

    AdminContentController.$inject = ['foo', 'bar']; 
    /* @ngInject */ 
    function DetailsContentController(foo, bar) { 
     var vm = this; 
     _.extend(vm, CONST); // for re-usage in my jade/html files 

     // AND HERE GOES THE ACTUAL CODE 
    } 
})(); 

此方法的目的是爲了儘量減少neede d在個別文件中，如果某些東西改變「模塊」寬。

例如，如果我將標題從'Admin'更改爲'Administration'，則不必在使用標題的所有文件中更改此名稱。此外，我的spec.js文件是自動的，所以如果我更改設置，我的測試將保持機智。

必須有一個少骯髒，多角度解決這個問題的方法？

Answer 1

使用constant()：

(function() { 
'use strict'; 

angular.module('app.admin', [ 
    'app.foo', 
    'app.bar' 
]).constant('CONST', { 
     module: 'Admin', 
     state: 'admin', 
     url : '/admin', 
     path: 'app/views/modules/admin/', 
     title: 'Admin', 
     description: 'This is the admin module', 
     acl: ['Developer','Administrator'], 
     tileGroups: ['Company'], 
     icon: 'mif-books', 
     badge: 0, 
     filters : 
      {'rootNodes' :{where: {'Template.value' : 'Admin'} } }, 
     ready : false 
    }); 
})(); 

然後通過在注射CONST使用它。例如：

function AdminContentController(foo, bar, CONST) {...} 
AdminContentController.$inject = ['foo', 'bar', 'CONST'];