0

我有一条非常基本的路线，我几乎没有从Durandal 文档中修改过。

基本上，我正在设置一个默认路由，它应该路由到我的主屏幕。

define([
    'durandal/system',
    'plugins/router',
    'durandal/app'
], function (system, router, app) {
    return {
        router: router,
        activate: function () {
            router.map([
                { route: '', moduleId: 'viewmodels/file-history', title: 'File History' },
                { route: 'file-history', moduleId: 'viewmodels/file-history', title: 'File History', nav: true },
                { route: 'bureaus', moduleId: 'viewmodels/bureaus', title: 'Bureaus', nav: true },
                { route: 'contributors', moduleId: 'viewmodels/contributors', title: 'Contributors', nav: true },
                { route: 'users', moduleId: 'viewmodels/users', title: 'Users', nav: true }
            ]).buildNavigationModel();

            return router.activate();
        }
    };
});

然后，我有一个视图与下面的 HTML 生成导航栏。

<ul class="nav" data-bind="foreach: router.navigationModel">
    <li data-bind="css: { active: isActive }">
        <a data-bind="attr: { href: hash }, html: title"></a>
    </li>
</ul>

这将为文件历史记录、局、贡献者和用户创建链接。但是，如果我通过默认路由浏览到该站点，文件历史导航链接不会标记为 isActive，尽管它是选定的模块。

当任何一个被激活时，我怎样才能让我的前两条路线共享“isActive”可观察的？

4

1 回答 1

2

这似乎没有在文档中的任何地方提到，但route可以采用一系列可能的路线。实际上，我在阅读 Durandal 的错误报告时遇到了这种麻烦。

因此，通过如下指定我的“文件历史记录”路线，我得到了预期的效果：

{ route: ['', 'file-history'], moduleId: 'viewmodels/file-history', title: 'File History', nav: true },
于 2014-09-30T21:57:05.543 回答