如何为多个子视图定义路由

Question

我正在使用durandal进行开发和应用程序。我的页面中有两个部分，具有不同的导航菜单。我正在使用构图来保持这些子视图。但我不确定如何为这些部分定义路由。

Answer 1

在你的

外壳里.js

 { route: 'work*details', moduleId: 'profile/index', title: 'Profil', nav: 1, hash: '#profil', authorize: ["User", "Administrator"] },

在子文件夹索引中.js

var childRouter = router.createChildRouter()
        .makeRelative({
            moduleId: 'viewmodels/marketplace',
            fromParent: true
        }).map(userRoute[
            // put you sub nav here
            ]).buildNavigationModel();
    return {
        router: childRouter,
        work: ko.computed(function () {
            return ko.utils.arrayFilter(childRouter.navigationModel(), function (route) {
                return route.type == 'intro';
            });
        })
    };

标记

    <ul class="nav navbar-nav">
        <!--ko foreach: work-->
        <li data-bind="css: { active: isActive }">
            <a data-bind="attr: { href: hash }, text: title"></a>
        </li>
        <!--/ko-->
    </ul>

点击此处了解更多信息。