javascript - Aurelia 1.0 路由 configureRouter 从未调用过

Question

我试着按照一些像这样的 aurelia.io 路由教程学习 http://www.tutorialspoint.com/aurelia/index.htm

我在我的 App 类中实现了一个 configureRouter 方法，但它从未被调用

应用程序.js

export class App {


        constructor()
        {
          console.log("app");
        }

        configureRouter(config, router){


          console.log("configureRouter");

          config.title = 'Aurelia';

          config.map([
              { route: ['','home'],  name: 'home',  
                moduleId: './components/home/home',  nav: true, title:'Home' },
              { route: 'about',  name: 'about',
                moduleId: './components/about/about',    nav: true, title:'About' }
          ]);

          this.router = router;
        }
    }

应用.html

    <template>

      <nav>
          <ul>
            <li repeat.for = "row of router.navigation">
                <a href.bind = "row.href">${row.title}</a>
            </li>
          </ul>
      </nav>

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

据我了解，当在模板中检测到 router-view 时，应该会自动调用 app.js 中的 configureRouter 方法，但事实并非如此(而且我在 chrome 控制台中没有收到任何错误)

有什么想法吗？

Answer 1

我有一个类似的问题，但事实证明，如果没有 <router-view></router-view>在模板中，永远不会调用 configureRouter 方法。即使您找到了您的解决方案，但也许其他人也可能会从这个解决方案中找到解脱

来源:https://www.niclassahlin.com/2016/03/13/aurelia-router-configuration-caveat/