응용 프로그램 구성 설정 저장
AngularJS에서 애플리케이션 구성 설정을 저장하기에 가장 좋은 장소는 어디입니까?예를 들어 애플리케이션 상수, 룩업 등이 컨트롤러와 서비스 또는 공장에서 모두 사용될 수 있습니다.그것들을 보관하고 회수하는 서비스를 따로 만들 수는 있지만, 다른 보관과 회수할 수 있는 장소가 있는지 궁금했습니다.
constant() 프로바이더를 사용할 수 있습니다.
app.constant('myAppConfig', {ver: '1.2.2', bananas: 6, hammocks: 3, bananaHammocks: true});
이는 Terry의 솔루션과 크게 다르지 않지만 상수는 변경되지 않기 때문에 다른 공급자보다 먼저 적용됩니다.또한 이 모듈은 설정 기능에 삽입할 수 있습니다.
app.config(function(myAppConfig){
console.log(myAppConfig.bananaHammocks);
});
즐겁게 보내세요
"최선의 방법"이 있는지 모르겠지만 개인적으로 서비스를 사용하고 있습니다.다음은 간략한 예를 제시하겠습니다.
angular.module('myApp').factory('AppSettings', function() {
return {
language: 'en'
}
});
angular.module('myApp').controller('myController', ['AppSettings',
function(AppSettings) {
$scope.language = AppSettings.language;
}
]);
를 사용할 수도 있습니다.provider
대신service
어디서나 쉽게 사용할 수 있습니다.
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;
});
다음으로 config에서 다음과 같이 사용합니다.configProvider
:
angular.module('App').config( function(configProvider) {} );
실행 중인 컨트롤러, 서비스 등config
:
angular.module('App').run( function(config) {} );
정의:
angular.module('starter.config', [])
.constant('appConfig', {
'backend': 'http://localhost:3000/v1'
});
사용방법:
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);
}
};
})
전역 변수에 액세스하려면 이 항목을 추가하십시오.
app.run(function ($rootScope) {
$rootScope.globalVariable = 'Amadou'; //global variable
});
컨트롤러에서 사용하고 싶은 경우
function appNameCtrl($scope, $rootScope){
$rootScope.globalVariable = 'Modji';
}
보기
My name is {{globalVariable}}
언급URL : https://stackoverflow.com/questions/17456989/storing-application-configuration-settings
'programing' 카테고리의 다른 글
Woocommerce의 "Choose an option" 버튼 텍스트를 변경하려면 어떻게 해야 합니까? (0) | 2023.03.16 |
---|---|
대응 - 하위 구성 요소가 값을 상위 양식에 다시 보낼 수 있습니까? (0) | 2023.03.16 |
WordPress에서 특정 태그/카테고리가 있는 게시물을 선택하는 방법 (0) | 2023.03.16 |
React-redux는 업데이트를 저장하지만 React는 저장되지 않음 (0) | 2023.03.16 |
WordPress: post_parent 제목 가져오기 (0) | 2023.03.16 |