Я пытаюсь собрать базовое приложение с помощью плагина марионетки, и у меня возникли проблемы с тем, чтобы инициализаторы работали так, как я ожидал. У меня есть следующий код:
var MyApp = new Backbone.Marionette.Application();
MyApp.addRegions({
region1 : '#div1',
region2 : '#div2'
});
MyApp.Resources = { };
MyApp.bind('initialize:before', function (options) {
// display a modal dialog for app initialization
options.initMessageId = noty({
text : 'Initializing MyApp (this should only take a second or two)',
layout : 'center',
speed : 1,
timeout : false,
modal : true,
closeOnSelfClick : false
});
});
MyApp.addInitializer(function (options) {
$.ajax({
url: options.apiUrl + '/my-app-api-module',
type: 'GET',
contentType: 'application/json; charset=utf-8',
success: function (results) {
MyApp.Resources.urls = results;
console.log(MyApp.Resources.urls); // <- THIS returns an object
}
});
});
MyApp.bind('initialize:after', function (options) {
// initialization is done...close the modal dialog
if (options.initMessageId) {
$.noty.close(options.initMessageId);
}
if (Backbone.history) {
Backbone.history.start();
}
console.log(MyApp.Resources.urls); // <- THIS returns 'undefined' BEFORE the console.log in the initializer above
});
Обратите внимание, что в приведенном выше коде у меня есть два вызова console.log
, один в инициализаторе и один в обработчике initialize:after
. Оба регистрируют одно и то же свойство объекта. Как видите, я столкнулся с тем, что вызов console.log
в обработчике initialize:after
вызывается до в обработчике success
инициализатора. Я понимаю, что это потому, что в инициализаторе есть асинхронный вызов... мне нужно знать,как я могу убедиться, что весь асинхронный код в моем инициализаторе (s )завершен, прежде чем делать что-либо еще в приложении? Есть ли хороший шаблон для этого? Я не нашел в документах ничего, указывающего, как правильно с этим справиться.
Спасибо.