Question

我正在使用Aurelia重写的遗留应用程序，该应用程序在需要显示的tblHelp中有一堆静态html。我在视图中使用div上的innerhtml.bind将存储的静态HTML数据绑定到视图中。每条记录本质上都是一个文档，其中包含一个完整的目录，该目录链接到文档中的其他div（书签）。

类似的东西：

<div id="toc">
   <h1>Table of Contents</h1>
   <ul>
     <li><a href="#section1">Section 1</a><li>
     <li><a href="#section2">Section 2</a><li>
   </ul>
</div>
<div id="section1">
    <h2>Section 1</h2>
    <p>Paragraph Text...</p>
    <p><a href="#toc">Back to Table of Contents</a></p>
</div>
<div id="section2">
    <h2>Section 2</h2>
    <p>Paragraph Text...</p>
    <p><a href="#toc">Back to Table of Contents</a></p>
</div>

当我在Aurelia视图中显示结果页面并单击链接时，它似乎尝试路由到未知路径并最终返回主页（这是我未知的路线行为）。如何让Aurelia路由器知道我只是在同一页面上移动并且不要求它路由到另一个页面？

Answer 1

我认为您需要将<div id=更改为<a id=这是锚的正确语法。希望Aurelia在正确格式化时将它们识别为合法的锚点。

此外，由于锚标记不应包裹整个内容，因此您只需在div的顶部打开并关闭它。你甚至可以把div留在那里但不应该复制id。

<强>更新

话虽这么说，我创建了一个GistRun，它实际上证明了Aurelia应该能够处理<div id=锚定目标。所以，我不确定你为什么遇到问题。

也许这个GistRun或更标准的<a id=方法可以帮助您。

Aurelia吃我的书签

1 个答案: