Question

我正在学习Aurelia并且已经坚持了很长一段时间。我想在Aurelia中使用路由在屏幕顶部添加导航栏。

app.js：

export class App {

configureRouter(config, router) {
    this.router = router;
    config.map([
        {
            route: "add",
            moduleId: "./add",
            title: "Add new Post",
            nav: "true",
            name: "Add"
        }
    ]);
}
... rest of the code

app.html：

<template>
<nav class="navbar navbar-default">
        <div class="container-fluid">
            <ul class="nav navbar-nav">
                <li repeat.for="row of router.navigation">
                    <a href.bind="row.href">${row.title}</a>
                </li>
            </ul>
        </div>
    </nav>
</template>

加载应用时没有显示任何内容。导航栏仍为空。是否有任何必要的依赖使用路由器？我错过了什么吗？感谢。

注意：不确定这是否足以回答我的问题。如果需要，我可以添加config.js或任何其他文件。

更新：我将${row.title}替换为hello（任何硬编码字符串），但它没有显示。

Answer 1

感谢doeck的评论，我解决了这个问题。我不得不做两件事：

在我的app.html

<router-view></router-view>

在我的app.js中添加一条空路线，如下所示：route: ["", "home"], （当我没有给出空路线时，aurelia发出错误询问路线“/”未定义。）

导航没有出现在aurelia

1 个答案: