Durandal干擾敲除綁定？

Question

我有一個應用程序，我正在使用Durandal和Knockout構建，並且在我的SPA中使用durandal導航到其中一個頁面時似乎存在問題。當我從主屏幕加載應用程序並導航到具有一系列級聯下拉菜單的第二頁時，它看起來好像綁定斷開。如果我刷新頁面並加載第二頁開始使用綁定，則所有這一切似乎都按預期工作。第一頁除了標題外沒有任何內容，第二頁有級聯下拉菜單。老實說，我不確定在這個問題上包含什麼代碼，所以如果有人想看看，請隨時提問。我使用「Knockout Context」Chrome瀏覽器插件查看Knockout上下文，除了結果未顯示外，一切似乎都正常。

即是具有simplier視圖模型問題

define(['services/logger', 
    "services/datacontext"], 
function (logger, datacontext) { 
    var manufacturers = ko.observableArray(); 
    var manufacturer = ko.observable(); 
    var isSaving = ko.observable(false); 
    var modelsWithSizes = ko.observableArray(); 

    manufacturer.subscribe(function (newValue) { 
     datacontext.getBikeModelsWithSizes(modelsWithSizes, newValue.manufacturerID()); 
    }); 


    var hasChanges = ko.computed(function() { 
     return datacontext.hasChanges(); 
    }); 

    var cancel = function() { 
     datacontext.cancelChanges(); 
    }; 

    var canSave = ko.computed(function() { 
     return hasChanges() && !isSaving(); 
    }); 

    var save = function() { 
     isSaving(true); 
     return datacontext.saveChanges().fin(complete); 

     function complete() { 
      isSaving(false); 
     } 
    }; 

    var canDeactivate = function() { 
     if (hasChanges()) { 
      var title = 'Do you want to leave ?'; 
      var msg = 'Navigate away and cancel your changes?'; 
      var checkAnswer = function (selectedOption) { 
       if (selectedOption === 'Yes') { 
        cancel(); 
       } 
       return selectedOption; 
      }; 
      return app.showMessage(title, msg, ['Yes', 'No']) 
       .then(checkAnswer); 

     } 
     return true; 
    }; 

    var vm = { 
     activate: activate, 
     cancel: cancel, 
     canDeactivate: canDeactivate, 
     canSave: canSave, 
     hasChanges: hasChanges, 
     manu: manufacturer, 
     manufacturers: manufacturers, 
     modelsWithSizes: modelsWithSizes, 
     save: save 
    }; 

    return vm; 

    //#region Internal Methods 
    function activate() { 
     manufacturers(datacontext.lookups.manufacturers), 
     logger.log('Frames View Activated', null, 'frames', false); 
     return true; 
    } 


    //#endregion 
}); 

DataContext的通話如下

datacontext.lookups = { 
    manufacturers: function() 
    { return getLocal('Manufacturers', 'name', true); } 
}; 

Answer 1

如果datacontext.lookups.manufacturers是預裝的observableArray，你可能需要改變你的激活函數爲：

function activate() { 
    vm.manufacturers(datacontext.lookups.manufacturers()); 
    logger.log('Frames View Activated', null, 'frames', false); 
    return true; 
}; 

如果datacontext.lookups.manu facturers是一個異步調用Web API，你會想將其改爲：我不使用的微風，所以我不知道，如果是getLocal()異步或不

function activate() { 
    logger.log('Frames View Activated', null, 'frames', false); 
    return datacontext.lookups.manufacturers().then(querySuccess); 

    function querySuccess(data) 
    { 
     vm.manufacturers(data.results); 
    }; 
}; 

Answer 2

，但如果有疑問返回包裹$.when(syncOrAsync).then(...)。

function activate() { 
    var manufacturesPromise = datacontext.lookups.manufacturers(); 
    logger.log('Frames View Activated', null, 'frames', false); 

    return $.when(manufacturesPromise).then(function(results){ 
     manufacturers(results); 
    }); 
}