2012-08-09 67 views
1

我有一个单页面应用程序与三个子页面。流利的导航与knockout.js

URL结构是:

/page (sub-page-0) 

/page#sub-page-1 

/page#sub-page-2 

视图模型是:

function ViewModel(activePage){ 
    var self=this; 

    self.activePage=ko.observable(activePage); 
    self.changePage=function (newPage){ 
     self.activePage(newPage); 
     //change url 
    }); 
} 

当用户输入网址我想在JavaScript中得到#一部分,并与该参数构建视图模型。

当用户单击页面中的链接我想更改URL并加载该子页面。

回答

2

淘汰赛本身不支持导航。但是你可以使用第三方框架。在http://learn.knockoutjs.com/上有一个名为“单页应用程序”的教程,其中显示了如何使用sammy.js来完成此操作。