Дюрандаль: Показ "ЗАГРУЗКИ" во время композиции

Здесь напрашивается комментарий «что вы пробовали?» но, учитывая, что я мог видеть преимущества этого для будущих пользователей, я хотел вложить свои 0,02 доллара -

Заставка отображается на вашем экране до тех пор, пока Дюрандаль не загрузит приложение и не заменит div содержимым id="applicationHost" с представлением оболочки и последующими загруженными представлениями. Если вы хотите сделать этот компонент многократно используемым, то вы могли бы взять это Html.Partial представление, которое загружается, и создать свое собственное представление внутри вашей app папки в вашем проекте Durandal.

Например, вы должны создать новое HTML-представление внутри папки вашего приложения -

splashpage.html

<div class="splash">
    <div class="message">
        My app
    </div>
    <i class="icon-spinner icon-2x icon-spin active"></i>
</div>

А затем составьте его из своей оболочки -

<div data-bind="if: showSplash">
    <!-- ko compose: 'splashpage.html' -->
    <!-- /ko -->
</div>

И в вашей модели просмотра вы должны переключать наблюдаемый showSplash всякий раз, когда вы хотите показать / скрыть его -

var showSplash = ko.observable(false);

var shell = {
    showSplash: showSplash
};
return shell;

И вы можете вызвать это из ваших методов активации внутри других ваших моделей просмотра, например:

define(['shell'], function (shell) {

    function activate() {
        shell.showSplash(true);
        // do something
        shell.showSplash(false);
    }

});

Мне это кажется сценарием, в котором может быть полезен пользовательский transition. Когда механизм композиции переключает узлы в DOM и из нее, он может использовать переход.

На этой странице в разделе «Дополнительные настройки»> «Переход» (примерно на полпути вниз) описывается настраиваемый переход: http://durandaljs.com/documentation/Using-Composition/