Aurelia用＃替换＃为动态创建的锚标记

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中有错字。您没有关闭{。因此，您的定位符是按原样生成的，不需要绑定值。更改为：

<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）