Canjs：一个html中有多个页面

Question

在单个html中的页面之间导航的推荐方法是什么？ 例如，列表页面（#listId）内容和详细信息页面（#detailsId）内容都有占位符。 我们应该使用jquery show / hide到#listId还是#detailsId和canjs routing mechanizm？

canjs是否支持simmilar方法http://api.jquerymobile.com/jQuery.mobile.changePage/？

Answer 1

如果您使用canjs路由会更好，这样用户可以复制该页面的链接，并在共享时显示正确的内容。所以你可以有一个看起来像这样的控件：

APP.MainControl = can.Control({
    init: function (ele, options) {
        var view = can.view('t-main', {});
        ele.append(view);
        can.route.ready();
    },

    'list route': 'showList',

    'details route': 'showDetails',

    showList: function (data) {
        // You can load a can view here, 
        // a can controller or just use jquery to show the element
    },

    showDetails: function (data) {
        // ...
    },

});

或者，你可以在页面上有一个can组件绑定到can.route，但我没有一个例子。