1

我使用 durandal 为我的一个视图模型设置了一个子路由器。但是，当路由器导航到第二个子路由时，我无法读取路由器的 activeModule，除非我还编写了与子路由对应的视图。谁能解释这里发生了什么？

下面是我的代码：

父视图模型：

define(['plugins/router', 'durandal/app', 'knockout'], function (router, app, ko) {

  var childRouter = router.createChildRouter().makeRelative({ moduleId: 'viewmodels/mytest', fromParent: true }).map([
    { route: 'first', title: 'First', moduleId: 'first', nav: true },
    { route: 'second', title: 'Second', moduleId: 'second', nav: true }
  ]).buildNavigationModel();

  return {
    router: childRouter,
    displayName: 'mytest',
    activeModule: ko.computed(function () {
      if (childRouter.activeItem()) {
        return childRouter.activeItem().__moduleId__;
      }
    }),

    activate: function () {
      // Activation code goes here
    },
    canReuseForRoute: function () {
      return false;
    }
  };
});

父视图：

<section>

  <h2 data-bind="html: displayName"></h2>
  <ul data-bind="foreach: router.navigationModel">
    <li>
      <a data-bind="attr: { href: hash }, html: title"></a>
    </li>
  </ul>

  <!--<div data-bind="router: { transition:'entrance', cacheViews:true }"></div>-->
  <div data-bind="html: activeModule"></div>

</section>

子视图模型和视图非常无聊。但是，如果我取消注释上面的注释行，那么我会在下一个 div 中看到预期的结果。否则，无论我是点击第一个还是第二个，我总是只看到第一个模块。

4

0 回答 0