使用 Angular JS 将常量注入其他模块配置 [英] Inject constant to other modules config using Angular JS

问题描述

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

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

这适用于应用程序模块配置，但不适用于其他模块配置(适用于其他模块上的控制器)，我总是收到未知提供者:来自 myApp.orders 的信息".

var myApp = angular.module('myApp', ['myApp.orders']);myApp.constant('信息', {版本:'1.0'});myApp.config(功能(信息){console.log('应用配置:' + info.version);});myApp.controller('MyController', function (info) {console.log('控制器:' + info.version);});var 订单 = angular.module('myApp.orders', []);//删除注释以查看它是否失败.//订单.配置(功能(信息){//console.log('订单配置:' + 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">

我想我刚刚错过了一个细节，你有什么想法吗?

解决方案

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

angular.module('constants', []).持续的(...);angular.module('myApp', ['constants', 'myApp.orders'])...angular.module('myApp.orders', ['constants'])...

I would like to share some variables like base paths throughout my application. These variables needs to be accessible during module configuration. My opinion was, that I can use a constant or provider for that.

I've got several modules and each one has it's own routing configuration. In these routing configurations, I want to access some settings for example.

This is working for the app-module-configuration but not for other module-configurations (for controllers on other modules it does), I always get "Unknown provider: info from 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>

I guess I have just missed out a little detail, do you have an idea?

解决方案

Your info constant is defined in your myApp module. If I understand your question correctly, you'd like to use the constants in other modules (e.g. myApp.orders module). If so, then you need to inject myApp into myApp.orders, but it looks like you want to do the reverse. One solution is to decouple the constants into a standalone module, and inject it as a dependency where needed.

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

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

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

这篇关于使用 Angular JS 将常量注入其他模块配置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！