6

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

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>

为什么我找不到路线？

4

1 回答 1

6

我怀疑这是因为您的父路由没有 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。

于 2014-02-21T04:42:52.663 回答