AngularJS - Come costanti modulo da un controller

Question

Sto cercando di costruire un modulo myApp.config per memorizzare alcune impostazioni per la mia app, ho scritto un file config.js:

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

ho aggiunto a i miei app.js (angolare-semi):

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

ho aggiunto al file index.html, e ora sto cercando di capire come ottenere nei miei controllori, ho provato:

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

ma sto ottenendo:

Unknown fornitore: myApp.configProvider < - myApp.config

Probabilmente sto facendo qualcosa di sbagliato qui, tutte le idee?

Answer 1

Non credo sia valido utilizzare il nome del modulo in un'iniezione del genere. Si può semplicemente iniettare le costanti per nome, però:

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

Answer 2

penso che l'approccio più semplice è quello di aggiungere una costante utilizzando un oggetto letterale. Questo si adatta alla maggior parte dei casi di utilizzo della configurazione dell'applicazione, perché supporta un oggetto di configurazione complesso. Anche il passaggio constant viene eseguito in anticipo, sono registrati before other providers.

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

Per utilizzarlo è sufficiente iniettare cfg:

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

Answer 3

Va inoltre notato che la soluzione di SimplGy significa che l'oggetto 'CFG' è una costante, tuttavia le proprietà di tale oggetto non lo sono. Ciò significa, che non si può riassegnare 'CFG' in questo modo:

cfg = { randomProperty: randomValue }; 

È possibile riassegnare le proprietà dell'oggetto 'CFG' in questo modo:

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

Answer 4

controllo l'uso di costanti in questo esempio:

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

Vedi l'articolo completo sul angularJs costanti buone pratiche here