angularjs - Pierwsze stałe ze sterownikiem

Question

próbuję zbudować moduł myApp.config do przechowywania ustawień dla mojej aplikacji Moduł napisałem config.js plik:

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

I dodaniu go do moi app.js (kątowe-nasienne):

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

dodałem go do pliku index.html, a teraz próbuję dowiedzieć się, jak je zdobyć w moim kontrolerów, próbowałem:

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

ale dostaję:

wiadomo dostawcy: myApp.configProvider < - myApp.config

Jestem prawdopodobnie robi coś złego tutaj, jakieś pomysły?

Answer 1

Nie sądzę, że prawidłowe jest używanie nazwy modułu w takim zastrzyku. Można po prostu wstrzyknąć stałych według nazwy, choć:

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

Answer 2

Myślę, że najprostszym sposobem jest dodanie stałej przy użyciu przedmiotu dosłowne. Przypomina to większość przypadków użycia konfiguracji aplikacji, ponieważ obsługuje złożony obiekt konfiguracyjny. Krok constant również jest uruchamiany wcześnie, są rejestrowane before other providers.

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

Aby z niej skorzystać wystarczy wstrzyknąć cfg:

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

Answer 3

Należy również zauważyć, że rozwiązanie SimplGy oznacza, że ​​„cfg” obiekt jest stała, jednak właściwości tego obiektu nie są. Oznacza to, że nie można przypisać „cfg” tak:

cfg = { randomProperty: randomValue }; 

Można zmienić właściwości „cfg” obiektu tak:

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

Answer 4

wyboru Użyj stałych w poniższym przykładzie:

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

Zobacz cały artykuł na angularjs stałych dobrych praktyk here