Przechowywanie ustawień konfiguracji aplikacji

Question

Jakie jest najlepsze miejsce do przechowywania ustawień konfiguracji aplikacji w AngularJS? Mogą to być stałe aplikacji, wyszukiwania itp., Które mogą być używane zarówno przez kontrolerów, jak i serwisy lub fabryki. Mógłbym stworzyć oddzielną usługę, która przechowuje i pobiera te rzeczy, ale zastanawiałem się, czy istnieje inne właściwe miejsce do ich przechowywania i odzyskiwania.

Answer 1

Można używać dostawcy constant()!

app.constant('myAppConfig', {ver: '1.2.2', bananas: 6, hammocks: 3, bananaHammocks: true}); 

Nie różni się to zbytnio od rozwiązania Terry'ego, ale stałe nie zmieniają się, więc są stosowane przed innymi dostawcami. Ponadto moduł ten można wprowadzić do funkcji konfiguracyjnej.

app.config(function(myAppConfig){ 
    console.log(myAppConfig.bananaHammocks); 
}); 

baw

Answer 2

Nie wiem, czy istnieje „najlepszy sposób”, ale ja osobiście skorzystać z usługi, o to w skrócie przykład:

angular.module('myApp').factory('AppSettings', function() { 
    return { 
    language: 'en' 
    } 
}); 

angular.module('myApp').controller('myController', ['AppSettings', 
    function(AppSettings) { 
    $scope.language = AppSettings.language; 
    } 
]); 

Answer 3

Dodaj to mieć dostęp do zmiennej globalnej

app.run(function ($rootScope) { 
    $rootScope.globalVariable = 'Amadou'; //global variable 
}); 

Teraz, jeśli chcesz używać go z kontrolerem

function appNameCtrl($scope, $rootScope){ 
    $rootScope.globalVariable = 'Modji'; 
} 

W przeglądać

My name is {{globalVariable}} 

Answer 4

Można również użyć provider zamiast service i wszędzie można go łatwo używać.

angular.module('App', []).provider('config', 
function() { 
    var conf = { 
     ver: '1.2.2', 
     bananas: 6, 
     hammocks: 3, 
     bananaHammocks: true, 
     baseUrl:'data/' 
    }; 

    conf.$get = function() { 
     delete conf.$get; 
     return conf; 
    }; 

    return conf; 
}); 

Następnie użyj w config jak configProvider:

angular.module('App').config(function(configProvider) {}); 

W biegu, sterowników, usług, ect jako config:

angular.module('App').run(function(config) {}); 

Oto przykład link i code

Answer 5

Definicja:

angular.module('starter.config', []) 
.constant('appConfig', { 
    'backend': 'http://localhost:3000/v1' 
}); 

Zastosowanie:

angular.module('starter.services', ['starter.config']) 

.factory('Locations', function(appConfig, $http) { 
    return { 
    all: function(successCb, errorCb) { 
     $http.get(appConfig.backend + '/locations.json') 
     .success(successCb) 
     .error(errorCb); 
    }, 
    get: function(locationId, successCb, errorCb) { 
     $http.get(appConfig.backend + '/locations/'+ locationId +'.json') 
     .success(successCb) 
     .error(errorCb); 
    } 
    }; 
})