Question

当我尝试使用子路由时，我得到“找不到路由”。为了覆盖我的基础，这里是如何设计应用程序中的路由。

main.js文件包含顶部导航的路由，并以 -

完成

                    router.map([
                        { route: 'LOC', moduleId: 'LOC', title: 'LC', nav: 3 }
                    ]);

我将页面页脚的路线映射为 -

        router.map('About', 'About', 'About', false);
    router.map('Help', 'Help', 'Help', false);

当用户点击上面创建的“LOC”路线时，左侧导航将显示在该视图上。该视图使用子路由并设置为 -

var childRouter = router.createChildRouter()
    .makeRelative({
        moduleId: 'viewmodels/',
        fromParent: true
    }).map([
                        { route: '*LCClientSearch', moduleId: 'LCClientSearch', title: 'Create LC', type: 'intro', hash: '#LCClientSearch', nav: true },
                        { route: '*LCPending', moduleId: 'LCPending', title: 'Pending LC', type: 'intro', hash: '#LCPending', nav: true }

    ]).buildNavigationModel();

LOC默认为LCClientSearch路线，并在最初正确显示，但是，此时没有任何正确的事情发生。当用户点击LCClientSearh或LCPending时，我会收到“找不到路线”错误。

LOC视图 -

     <div class="span2 well">
    <ul class="nav nav-list">
        <li class="nav-header">Availability</li>

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

        <li class="nav-header">Manual Post</li>


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

为什么我找不到路线？

Answer 1

我怀疑是因为你的父路线没有splat - check out the documentation for child routers。尝试将路线从父视图更改为：

router.map([
    { route: 'LOC*details', moduleId: 'LOC', title: 'LC', nav: 3 }
]);

然后将子路由更改为：

[
    { route: 'LCClientSearch', moduleId: 'LCClientSearch', title: 'Create LC', type: 'intro', nav: true },
    { route: 'LCPending', moduleId: 'LCPending', title: 'Pending LC', type: 'intro', nav: true }
]

然后应该分别匹配路由LOC/LCClientSearch和LOC/LCPending。

在Durandal子路线中找不到路线错误

1 个答案: