除非我将路由器绑定到视图，否则Durandal子路由器的activeItem不会更改

Question

我使用durandal为我的一个viewModel设置了子路由器。但是，当路由器导航到第二个子路由时，我无法读取路由器的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中看到了预期的结果。否则，我总是只看到第一个模块，无论我是先点击还是第二个。