在杜兰达尔子路由中找不到路由错误

Question

当我尝试使用子路由时，我得到"找不到路由"。 为了涵盖我的基础，以下是应用程序中的路由设计方式。

主.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 - 查看子路由器的文档。尝试将路由从父视图更改为：

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的路由。