Travaux de chargement longs à Durandal

J'essaie de travailler où le meilleur endroit pour exécuter une opération de charge à long terme utilise Durandalal.

De ce que je peux dire, la recommandation générale de chargement des données est dans le Activer méthode, qui est ce que je fais habituellement - quelque chose comme: p> xxx pré> je sais que si je ne retourne pas la promesse ici, il y a généralement des problèmes avec les liaisons - comme Cette question et cette réponse indiquent . P>

Cependant , exécutant une longue opération de charge en cours d'exécution dans la méthode CODE> Activer code> rend l'application "gel" pendant la fin de l'opération de charge. Par exemple, si ma charge était maintenant quelque chose comme ça? P> xxx pré>

Dans ce scénario, l'URL est mise à jour pour refléter la page qui est chargée, mais le contenu de la page toujours Affiche la page précédente (qui est ce que je veux dire par "gèle"). p>

Idéalement, ce serait bien si l'URL passe à la nouvelle page, et le contenu de la page doit également afficher la nouvelle page ( Même si les données de cette page n'ont pas encore été retournées). Ensuite, comme le retourne chaque opération de charge, la partie correspondante de la page doit être mise à jour lorsque les données sont liées au modèle de vue. P>

est là une façon recommandée pour atteindre cet intérieur Durandal? Strong> p>

Ma solution actuelle consiste à lancer la charge dans la méthode Activer CODE>, puis remplissez les données dans la méthode Visite de la vue Code>: P>

var loadPromise;

viewModel.activate = function () {
    // All loads return a promise
    var firstLoad = myService.loadFirstData();
    var secondLoad = myService.loadSecondData();
    var thirdLoad = myService.loadThirdDataWhichTakesAges();

    loadPromise = $.when(firstLoad, secondLoad, thirdLoad);

    // Don't return the promise - let activation proceed.
};

viewModel.viewAttached = function () {
    $.when(loadPromise).then(function (one, two, three) {
        viewModel.one(one);
        viewModel.two(two);
        viewModel.three(three);
    });
};