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; 
};