Açısal uygulama başlatılmadan önce $ http sonucunu bekleyin

Question

Uygulamanın geri kalanı önce en azından denetleyicilerden önce bazı yapılandırma bilgilerini almak için hızlı bir http isteği yapması gereken bir açısal uygulamaya sahibim. $ UrlRouterProvider'ı kullanarak baktım, ancak uygulamanın nasıl yapılmasını beklediğimi anlamadım. Ben gerekenler

bitirilmesi, http: istek yapmak ve daha sonra başlatabilir/html kodu js kodu yerine ng-app aracılığıyla uygulamanıza önyükleme ayrı js dosyası oluşturabilirsiniz

$http({method: 'GET', url: '/config'}).then(function(res) { 
     configProvider.setConfig(res.data.config); 
} 

Answer 1

. Ben yardımcı olur umarım

(function() { 
    var application, bootstrapApplication, fetchData; 
    application = angular.module('app'); 
    fetchData = function() { 
    var $http, initInjector; 
    initInjector = angular.injector(['ng']); 
    $http = initInjector.get('$http'); 
    $http.get('<url>'); 
    }; 
    bootstrapApplication = function() { 
    angular.element(document).ready(function() { 
     angular.bootstrap(document, ['app']); 
    }); 
    }; 
    fetchData().then(bootstrapApplication); 
})(); 

:

aşağıdaki kodu bakın.

Answer 2

Çöz durumuna değil, görünüm

değişiklik üzerinde beyan edilmelidir

.state('app', { 
    abstract: true, 
    url:'/', 
    views: { 
     "content": { 
      templateUrl: "myurl.html" 
     } 
    }, 
    resolve { 
      myVar: ['$http', 'myService', function($http, myService) { 
        return $http({method: 'GET', url:'url'}) 
          .then(function(res) { //do stuff })...