Ember.js: 链接模板中的HTML Anchor哈希支持

创建于 2016-02-23 · 10评论 · 资料来源: emberjs/ember.js

我正在开发一个单页应用程序，其中当用户向下滚动屏幕时，索引路由包含许多部分。为此，我想使用HTML锚点哈希属性。我在去年的这个封闭问题中看到Ember支持链接到锚哈希属性的默认浏览器行为，对此我深表感谢。它还提到了创建{{link-to}}组件的“片段”功能的可能性。当我在自己的网站（Em 2.3.0）上并在这个难题中尝试时，它不起作用，并且在源代码中也看不到它。

是现在还是将来的受支持功能？我注意到，当我只在车把模板中放置一个元素。

谢谢，

布赖恩

Bug Has Reproduction

资料来源

bkCDL

最有用的评论

是的，这真的很好。

{{link-to "Cool Feature" "features#cool"}}   -->   <a href="/features#cool">Features</a>

jakeleboeuf 于 2017-01-27

👍38

所有10条评论

路由器或link-to没有哈希/碎片支持。

我不确定为什么<a href="#some-id">无法在余烬中工作。在JSbin中确实可以正常工作：

http://emberjs.jsbin.com/gabune

mmun 于 2016-02-23

@mmun这看起来像是只

stefanpenner 于 2016-02-26

是的，这里报告的具体问题似乎在余烬中。最好在路由器中具有更好的哈希/碎片支持，但是应该在RFCs回购中讨论。

mmun 于 2016-02-26

我正在使用locationType =“ history”和类似的锚点：

管理员

将该页面重新加载到“ http：// localhost ：4200 /＃c4412370-e892-11e4-a199-000c29a61086”

这是Ember-cli / Ember 2.4.1。

cfator 于 2016-03-05

我不认为这是一个仅涉及Twiddle的问题。这是一个JSBin，问题不在索引路径上出现，但在其他任何路径上都出现。

复制：

访问http://jsbin.com/bilewi
点击“底部”-运行正常
向上滚动并单击“ foo”-您现在位于foo页面上
单击“底部”-应将您带到foo页面的底部，但应将您带到索引页面的底部

我的Ember 2.4.3应用程序中的锚链接遇到相同的问题

camunching 于 2016-03-25

注意：如果您在索引路径上，则<a href='#foo'>可以正常工作。它不能在其他路由上正常工作，而是刷新整个页面

alexspeller 于 2016-10-18

👍1

是的，这真的很好。

{{link-to "Cool Feature" "features#cool"}}   -->   <a href="/features#cool">Features</a>

jakeleboeuf 于 2017-01-27

👍38

关于这个有什么新想法吗？我尝试了ember-anchor ，它是一个不错的插件，但是需要太多的配置，并且无论如何都不符合锚的标准。我认为这应该是一个非常重要的功能。

danieledraganti 于 2018-04-10

我在rfcs仓库（建议）中打开了一个问题。请👍它或添加您的想法https://github.com/emberjs/rfcs/issues/330

sdhull 于 2018-05-04

将其作为功能请求关闭， @ sdhull会在RFC

谢谢你们！

Serabe 于 2018-05-06

此页面是否有帮助？

0 / 5 - 0 等级

Ember.js: 链接模板中的HTML Anchor哈希支持

最有用的评论

所有10条评论

相关问题