使用Angular JS将常量注入其他模块配置

Question

我想在整个应用程序中共享一些变量,如基本路径.在模块配置期间,需要可以访问这些变量.我的意见是,我可以使用常量或提供者.

我有几个模块,每个模块都有自己的路由配置.在这些路由配置中,我想访问一些设置,例如.

这适用于app-module-configuration但不适用于其他模块配置(对于其他模块上的控制器),我总是得到"未知提供者:来自myApp.orders的信息".

var myApp = angular.module('myApp', ['myApp.orders']);

myApp.constant('info', {
  version : '1.0'
});

myApp.config(function(info) {
  console.log('app config: ' + info.version);
});

myApp.controller('MyController', function (info) {
  console.log('controller: ' + info.version);
});

var orders = angular.module('myApp.orders', []);

// Remove comments to see it fail.

//orders.config(function(info) {
//  console.log('orders config: ' + info.version);
//});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

  <div ng-app="myApp" class="container" ng-controller="MyController">        
  </div>

我想我错过了一些细节,你有什么想法吗？

Answer 1

您的info常量在myApp模块中定义.如果我正确理解你的问题,你想在其他模块中使用常量(例如myApp.orders模块).如果是这样,那么你需要将myApp注入myApp.orders,但看起来你想要反过来.一种解决方案是将常量分离为独立模块,并在需要时将其作为依赖项注入.

angular.module('constants', []) 
  .constant(...);

angular.module('myApp', ['constants', 'myApp.orders'])
  ...

angular.module('myApp.orders', ['constants'])
  ...