Aurelia儿童子路由器

Question

So I have an issue where my sub router is not working when I throw it in a template. Here is what I mean:

My app.js has this route which works:

{
   route: ['accounts'],
   name: 'accounts',
   moduleId: '../accounts/account-router',
   nav: false,
   title: 'QualBoard',
},

In accounts-router I have (which works):

export class AccountRouter {
  configureRouter(config) {
    config.map([
      {
        route: [':accountId'],
        name: 'account',
        moduleId: './account',
        nav: false,
        title: 'QualBoard',
      },
      {
        route: [':id/users'],
        name: 'users',
        moduleId: '../users/users-router',
        nav: false,
        title: 'QualBoard',
      },
    ]);
  }
}

Inside of account.html I have a template call to another route :

<template>
  <require from="./account-overview.html"></require>
  <require from="./sub-view/subview-router"></require>

  <div class="content-panel">
    <account-overview account.bind="account"></account-overview>
    <subview-router></subview-router>
  </div>
</template>

So the subview router looks like so:

export class SubviewRouter {

  configureRouter(config, router) {
    config.map([
      {
        route: ['projects', ''],
        name: 'projects',
        moduleId: './projects',
        nav: true,
        title: 'Projects',
        settings: {
          class: 'icon-ion-briefcase',
        },
      },
    ]);

    this.router = router;
  }
}

And the subview-router.html:

<template>
  <router-view containerless></router-view>
</template>

All the routes work but the final subview router. Oddly I can take the code in subview router and add it into my account.js file as well as swap out with and it will work. Why is the subview router not working?

Answer 1

尝试将您的nav：false更改为nav：true。