polymer - Polymer 元素中 hrefs 隐式调整的规则是什么？

Question

我注意到 <a> 上的 href 属性元素在 Polymer 元素定义中自动调整，但我没有在任何地方看到它的记录。大多数调整是无害的，但有时它是错误的微妙来源。

参见 http://jsbin.com/kelun/2/edit .该文档包含两个链接，一个在 light DOM 中，一个在 <polymer-element> 中。 .都指向 href=".." .运行时(在生产版 Chrome 或 Canary 中)，第一个链接保持不变，但第二个链接的 href 静默修改为 href (没有目的地)。

虽然这个例子是人为设计的，但我有一些页面组件出于各种原因想要检查它们自己的链接。这些神秘修改的 href 导致该代码失败。例如，如果名为 foo.html 的页面有指向自身的链接，则 href 中的链接目标将被静默删除。

此 href 修改是错误还是功能？如果这是故意的，那么修改 href 的规则是什么。我可以将其关闭吗？

Answer 1

导入被设计成可重定位的。 IOW，我可以使用 <img src="foo.png"> 进行导入然后放foo.png在与导入相同的文件夹中，项目可以使用该导入并访问图像而无需摸索路径。

Polymer 通过(尝试)使模板内部的路径也与导入相关，从而更进一步。这样我就可以把<img src="foo.png">在我的模板中，并具有与上述相同的行为。

在 <polymer-element> 中重写路径在主文档中是一个错误。任何不能产生正确导入相对路径的路径重组都是错误。听起来你在这里遇到了一些错误，建议你提交问题票。

补充说明:

1. 直到最近，任何包含绑定(bind)的 url 都保持不变。我相信最新版本会将此类 url 转换为相对导入，如果 url 首先是明确相对的。

2. 如果您需要强制计算元素来源的路径，您可以使用 resolvePath每个 polymer 元素都内置的方法。 IOW，像这样:var documentRelativePathToFoo = this.resolvePath('foo.png'); .这将计算到 foo.png 的路径从window.document的角度来看是正确的，这是大多数 DOM 操作(例如 XHR)的视角。