durandal - 如何定义多个子视图的路由

Question

我正在使用 durandal 进行开发和应用。我的页面中有两个部分具有不同的导航菜单。我正在使用组合来制作这些子视图。但我不确定如何为这些部分定义路线。

Answer 1

在你的shell.js 中

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

在子文件夹index.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>

在这里了解更多。