Aurelia 将 # hash 替换为 / 用于动态创建的锚标签

Question

我正在尝试在我的 Aurelia 应用中实现 BootStrap Scroll Spy。我有以下动态创建的锚标签：

<div class="nav-link au-animate" repeat.for="section of variant.sections">
    <a href="#${section.id}">${section.title}</a>
</div>

但是锚标签不起作用，我收到以下控制台错误：

Route not found: /${section.id}

我该如何解决这个问题？

Answer 1

您的href 中有错字。您没有关闭{。因此，您的锚点按原样生成，没有 section.id 值绑定。改成：

<div class="nav-link au-animate" repeat.for="section of variant.sections">
    <a href="#${section.id}">${section.title}</a>
</div>

我添加了gist。

(Embedded result window without nav collapse)