如何在 iron-image src 属性中正确使用数据绑定？

Question

我的问题和这个很相似： https://github.com/PolymerElements/iron-image/issues/39

         <iron-image  class="avatar" placeholder="http://lorempixel.com/400/200/" size="contain" src="[[item.svgPath]]" preload ></iron-image> 

         <iron-image  class="avatar" placeholder="http://lorempixel.com/400/200/" size="contain" src="../images/sampleSVG/resistor.svg" preload ></iron-image>

  [[item.svgPath]] // "../images/sampleSVG/resistor.svg"

这只显示图像一次。带有数据绑定的 iron-image 不会加载。在我的网络日志中，我两次获得相同的文件，一次加载成功，一次出现 404 错误。

我想这个问题与 dom 的加载循环有关，并且在数据绑定发生时已经解释了标签。

如何避免图片标签a binded scr产生的404错误？

Answer 1

我自己找到了解决问题的方法。我在问题中提供的 link 实际上说明得非常清楚。当通过数据绑定包含图像的 scr 时，根文档从当前路径更改为 app/。

所以代替

item.svgPath = "../images/sampleSVG/resistor.svg"

必须是

item.svgPath = "/scr/images/sampleSVG/resistor.svg"

如何在 iron-image src 属性中正确使用数据绑定？

How to correctly use data binding in iron-image scr attribute?

data-binding

polymer-1.0