Как передать данные инициализации в угловой модуль?

Question

У меня есть веб-метод на удаленном сервере, возвращающий объект JSon. Объект Said json содержит строки, необходимые для правильной работы модуля.

Итак, есть ли способ передать что-то угловому модулю? идея может быть, чтобы выполнить запрос HTTP внутри инициализации модуля:

$scope.init = function(){ 
     $http.get() 
      ... 
     then(){ 
       $scope.mydata = result; 
     } 

}; 

Но это было бы асинхронным ...

Answer 1

Если вы беспокоитесь о асинхронной природе запроса HTTP к заполните переменную $ scope.mydata, тогда вам нужно включить это в RESOLVE на вашем маршруте.

Я использую UI маршрутизаторы в моем текущем проекте:

(function() { 
    'use strict'; 

    angular 
     .module('capps.core') 
     .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { 
      $urlRouterProvider.otherwise('/'); 

      $stateProvider 
       .state('home.capps', { 
        url: '/', 
        template: '<ui-view/>', 
        data: { 
         requireLogin: true 
        }, 
        resolve:{ 
         resolveFunction: resolveFunction 
        } 
       }); 
     } 
    ]); 

    resolveFunction['$inject'] = ['$http']; 
    function resolveFunction($http) { 
     return $http.get(API_URL) 
       .then(function(res) { 
        console.log(res); 
       }); 
    } 
})(); 

Тогда в контроллере, вы можете передать «» resolveFunction как зависимость ... затем использовать, чтобы присвоить переменные $ области. мои данные.

... 
angular.controller('myController', myController); 

myController.$inject = ['resolveFunction', '$scope']; 
function myController(resolveFunction, $scope) { 
    $scope.mydata = resolveFunction.data; 
    console.log(mydata); 
};