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）