AngularJS - Получение константы модуля из контроллера

Question

Я пытаюсь построить модуль myApp.config для хранения некоторых параметров для моего приложения, я написал config.js файл:

angular.module('myApp.config', []) 
    .constant('APP_NAME','My Angular App!') 
    .constant('APP_VERSION','0.3'); 

я добавил его мой app.js (угловой семенной):

angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'myApp.config']). 

Я добавил его в файл index.html, и теперь я пытаюсь выяснить, как получить его в моих контроллерах, я попробовал:

angular.module('myApp.controllers', ['myApp.config']) 
    .controller('ListCtrl', ['$scope', 'myApp.config', function($scope, $config) { 
    $scope.printme = $config; 
    }]) 

, но я получаю:

Неизвестный поставщик: myApp.configProvider < - myApp.config

Я, вероятно, делать что-то здесь не так, какие-то идеи?

Answer 1

Я не думаю, что это действительно так, чтобы использовать имя модуля в такой инъекции. Вы можете просто вводить константы по имени, хотя:

angular.module('myApp.controllers', ['myApp.config']) 
    .controller('ListCtrl', ['$scope', 'APP_NAME', function($scope, appName) { 
    $scope.printme = appName; 
}]); 

Answer 2

Я думаю, что самый простой подход заключается в добавлении константы, используя литерал объекта. Я думаю, что это подходит для большинства случаев использования конфигурации приложения, поскольку он поддерживает сложный объект конфигурации. Шаг constant также работает на ранней стадии, регистрируются before other providers.

angular.module('myApp').constant('cfg', { 
    url: 'https://myapi.com/v1/', 
    httpTimeout: 5000 
}) 

Чтобы использовать его просто впрыснуть cfg:

angular.module('myApp').factory('user', function(cfg, $http){ 
    // cfg and $http together at last 
}) 

Answer 3

Следует также отметить, что решение SimplGy означает, что «CFG» объект является константой, однако свойства этого объекта не являются. Это означает, что вы не можете переназначить «CFG», как так:

cfg = { randomProperty: randomValue }; 

Вы можете переназначить свойства «CFG» объект как так:

cfg.url = 'BrandNewURL.com'; 
cfg.httpTimeout = 30; 

Answer 4

проверить использование констант в этом примере:

angular 
.module('abp001App', ['ngRoute']) 
.constant("myConfig", { 
    "url": "http://localhost", 
    "port": "80" 
}) 
.config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: 'views/main.html', 
      controller: 'MainCtrl' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
}) 
.controller('MainCtrl', function (myConfig) { 
    // Do something with myConfig... 
}); 

Смотрите полный текст статьи на angularJs констант передовой практики here