Question

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

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

这适用于app-module-configuration但不适用于其他模块配置（对于其他模块上的控制器），我总是得到＆＃34;未知提供商：来自myApp.orders的信息＆＃34;。< / p>

＆＃13;

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);
//});

＆＃13;

<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>

＆＃13;

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

Answer 1

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

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

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

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

Answer 2

我不知道我的解决方案是否最漂亮，但我在index.html中输入了我从其他组件引用的CONFIG的定义。我使用服务器端代码生成index.html，这样我就可以在程序启动时设置值。也就是说，我使用index.cshtml，但它就像index.php或其他技术一样容易。这是我的index.html的样子：

....

 <script type="text/javascript">
    var usingMockDataGlobal = true;
 </script>

....


<script type="text/javascript">

        (function () {
            'use strict';

            var configData = {


                codeCampType: 'angu',

                loggedInUsername: 'peter',
                mockData: usingMockDataGlobal
            };
            angular.module('baseApp').constant('CONFIG', configData);


        })();
    </script>

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

2 个答案: