Aurelia ersetzt # Hash mit/für dynamisch erzeugte Anker-Tags

Question

Ich versuche BootStrap Scroll Spy in meiner Aurelia App zu implementieren. Ich habe folgende dynamisch Tags erstellt Anker:

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

Aber die Anker-Tags funktionieren nicht und ich erhalte die folgende Konsole Fehler:

Route not found: /${section.id} 

Wie kann ich dieses Problem überwinden?

Answer 1

Sie haben einen Tippfehler in Ihrem href. Sie schließen die { nicht. Also wird Ihr Anker so erzeugt, wie er ist, ohne die section.id Wertbindung. Ändern Sie ihn auf:

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

Ich habe eine gist hinzugefügt.

(Embedded result window without nav collapse)