Durandal：Multiple Routes，One ViewModel/View

Question

我有3條路線：items/one，items/two和items/three，它們都指向'items'vm/view。

在items.js

激活功能，我檢查的網址，並此基礎上，我改變了一個過濾器：

function activate(r) { 
     switch (r.routeInfo.url) { 
      case 'items/one': vm.filterType(1); break; 
      case 'items/two': vm.filterType(2); break; 
      case 'items/three': vm.filterType(3); break; 
     } 
     return init(); //returns a promise 
    } 

項目視圖與按鈕的菜單一，二，和三個。 每個按鈕鏈接到一個這樣的動作：

function clickOne() { 
    router.navigateTo('#/items/one'); 
} 
function clickTwo() { 
    router.navigateTo('#/items/two'); 
}  
function clickThree() { 
    router.navigateTo('#/items/three'); 
} 

這一切工作，我得到的觀點正確的過濾器。但是，我注意到，如果我在'one'，然後轉到'two'，那麼ko-bound變量會'實時'更新，也就是說，當它們在變化時，並且在激活之前承諾解決，這導致轉換髮生兩次（當數據被抓取，並在激活函數返回後）。

這隻發生在這種情況下，其中view和viewmodel與前一個相同。我知道這是一種特殊情況，路由器可能正在用areSameItem = true處理新路由的加載。我可以將虛擬機/視圖分成三部分，並嘗試從基本模型繼承，但我希望獲得更簡單的解決方案。

Answer 1

我能夠通過使用包含分區項目ko.cleanNode()導航之前簡單地移除KO綁定解決問題。

Answer 2

假設在您的父視圖中，您已參考router.activeItem並使用transition（例如，

<!--ko compose: {model: router.activeItem, 
    afterCompose: router.afterCompose, 
    transition: 'entrance'} --> 
<!--/ko--> 

然後入口過渡發生在您設置的每條路線上以過濾當前視圖。

但是這種轉換應該只在第一次訪問時發生，並且從那一刻起只有視圖應該使用過濾的數據進行更新。一種方法是設置一個可觀察的filterType並使用filterType.subscribe用skip參數調用router.navigateTo。沿線

東西：

var filterType = ko.observable(); 

filterType.subscribe(function (val) { 
    // Create an entry in the history but don't activate the new route to prevent transition 
    // router plugin expects this without leading '/' dash. 
    router.navigateTo(location.pathname.substring(1) + '#items/' + filterType(), 'skip'); 
    activate(); 
}); 

請注意路由器插件預計skipRouteUrl，而不會導致/斜線比較context.path。 https://github.com/BlueSpire/Durandal/blob/master/App/durandal/plugins/router.js#L402

您的體驗可能會有所不同。

末爲了支持深層鏈接在activate：

function activate(routerdata) { 
    // deep linking 
    if (routerdata && routerdata.filterType && (routerdata.filterType !== filterType())) { 
     filterType(routerdata.filterType); 
    } 

    return promise; 
};