Köşeli modül içinde json yapılandırma dosyası nasıl okunur?

Question

Ben javascript, typescript kullanarak AngularJS uygulamasını yazıyorum. Ayrıca bina için homurdanıyorum. Aslında ben ng boilerplate ile başladım.

Şimdi benim uygulamasında bazı değişkenler yapılandırılabilir olmak istiyorum

{ 
    "app": "abc", 
    "login": "xyz" 
} 

aşağıda- gibi config.json dosya şey olduğunu varsayalım. Şimdi benim javascript dosyaları bu yapılandırma okuyabilir nasıl

var loginUrl : string = "def?pqr="+config.app; 

- Yani bazı yerde ben gibi bir şey kullanabilirsiniz? En iyi uygulama yanıtını arıyorum. Ben de grunt build adımında ikame ile iyiyim.

Not: Yapılandırma dosyası istemcinin kendisinde bulunur, yani sunucudan ayrı olarak yüklenmesine gerek yoktur.

Answer 1

, bir açısal sabit modülünde (sunucu ile ortak) bir yapılandırma dosyası enjekte etmek hırıltı kullanmak

Ben bir config.tpl.js sahip:

angular.module('app.config', []) 

.constant('appConfig', { 

    // clientside specific constants 
    var1      : 'value1', 
    var2      : [1,2,3], 
    sharedVars     : /* @echo SHARED_VARS */ 
}); 

Sonra benim gruntFile içinde:

preprocess: { 
    options: { 
     context: { 
      SHARED_VARS: grunt.file.read('config.json'), 
     } 
    }, 
    config: { 
     src: 'src/config.tpl.js', 
     dest: 'src/config.js' // true file generated and loaded in index.html 
    } 
}, 

Tha Bir açısal sabit modülde tam bir yapılandırma dosyası enjekte edebilir veya sadece istediğiniz varlıkları seçebilirsiniz. Burada

Answer 2

İstemci tarafı kodu için, json dosyasını sunucudan almak için $http.get kullanmalısınız. json dosyasını varsayarsak yapacağını /manage/config.json de http erişilebilir:

$http.get('/manage/config.json').then((res)=>{ 
    var config = res.data; 
}); 

$ http otomatik json sizin için ayrıştırma gelmez. grunt-preprocess kullanma

: Benim durumumda

Answer 3

i

var initInjector = angular.injector(['ng']); 
    var $http = initInjector.get('$http'); 
    var configModule = angular.module('portalConfig', []); 
    $http.get('../config/Settings.json').then(
      function (response) { 

       configModule.value('config', response.data); 
      } 
     ); 

yaptı ve daha sonra

angular.module('foo',['portalConfig'])