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）