Question

我有一个Polymer组件，可以访问具有多个值的{{object}}（例如{{object.id}}，{{object.title}}，等等。

现在，这个..

<a href="#">{{object.title}}</a>

..工作正常（使用object.title的输出呈现链接）。

然而，这是..

<a href="/posts/{{object.id}}">{{object.title}}</a>

呈现如下所示的HTML：

<a href="/posts/%7B%7Bpost.id%7D%7D">Title</a>

如您所见，post值已转义。为了测试这是否是表达意外执行的问题，我还尝试填充一个非href属性（即data-test="{{post.id}}"），它可以正常工作 - href专门给出意想不到的结果。< / p>

也许我只是不是在＃34;聚合物＆＃34;方式 - 是否有正确的方法在HTML href属性中使用Polymer表达式的值？

编辑：谢谢@Timo解决此问题的方法 - 属性前的下划线：

<a _href="/posts/{{object.id}}">{{object.title}}</a>

Answer 1

您需要使用下划线属性 _href 才能让Polymer解析绑定：

<a _href="/posts/{{object.id}}">{{object.title}}</a>

Polymer将自动解析object.id绑定并设置正确的href属性