Мне действительно нужны некоторые данные для загрузки перед загрузкой angular. По этой причине я создал блок run/В этом блоке run я вызываю метод в службе, которая загружает некоторые данные с сервера. Поскольку это асинхронный вызов, JavaScript получает дальнейшее выполнение, что приводит к некоторым объектам undefined в моем приложении.
Я работаю с маршрутами, но это не вариант работы с свойством resolve.
Может ли кто-нибудь предоставить решение о том, как ждать обещания быть готовым в блоке run?
EDIT:
Благодаря данным ответам, я решил его вручную загрузить angular:
$(document).ready(function () {
$.ajax('/Data/GetDropdownData', {type:'POST'}).done(function (response) {
app.run(['ListService', function (ListService) {
ListService.setData(response);
}])
angular.bootstrap(document, ["sma"]);
})
})
Как я прокомментировал, добавьте его здесь
Вы можете попробовать ручную загрузку
<script>
angular.element(document).ready(function() {
angular.bootstrap(document);
});
</script>
В этом случае вы не можете использовать контроллеры и angular способ получения данных. Я думаю, вам придется загружать данные jQuery, загружать ваш angular в обратном вызове jquery, а затем инициализировать переменную области видимости с данными, полученными из jquery.
Вы можете посмотреть this SO question - он показывает, как инициализировать услугу AngularJS с асинхронными данными.
Здесь - пример plunkr из этого вопроса, показывающий использование служб AngularJS, таких как $http, для загрузки конфигурации, а затем дальнейшая инициализация.
Этот ответ имеет большое объяснение и показывает пример ожидания загрузки DOM таким образом (пример plunkr из этого ответа здесь):
angular.element(document).ready(function() {
angular.bootstrap(document);
});
Я предполагаю, что единственным решением является вручную загружать ваше приложение. Возможно, вы можете найти некоторую помощь в этом вопросе Delay Angular Инициализация приложений и в этой небольшой статье Ручная загрузка AngularJS для асинхронной загрузки в Internet Explorer.
Как указано в предыдущей статье, выполните ручную загрузку:
angular.element(document).ready(function() {
angular.bootstrap(document, ["myApp"]);
});
Обязательно удалите все рефракции ng-app в HTML, чтобы остановить автоматическую загрузку.
другое решение, так как я не буду опускать части своего приложения, но мне все равно придется ждать загрузки вещей.
директива bootstrap (не связанная с загрузкой twitter):
myApp.directive('myBootstrap', function() {
return {
scope: {
promise: '=myBootstrap'
},
template: '<div ng-if="ctrl.isReady" ng-transclude></div>',
controllerAs: "ctrl",
transclude: true,
controller: function($scope) {
var ctrl = this;
ctrl.isReady = false;
//else an array of promises can be filled by a service
$scope.promise.then(function() {
ctrl.isReady = true;
});
}
};
});
и связанный с ним plnkr: http://plnkr.co/edit/vx4aWS?p=preview