我使用的是铁Ajax和铁清单及铁像我需要连接文本图像源具有{{item.path}}
我想这样
<iron-image style="width:80px; height:80px;" sizing="cover" src="http://mydomain/{{item.path}}.jpg" preload></iron-image>
但我没有得到任何图像加载,并在检查列表项不插入图像从JSON数据到来的路径。
src="http://mydomain/{{item.path}}.jpg"
什么是连接上述方式
通过本身src="{{item.path}}"
我看到的路径时,我检查项目
谢谢
字符串插值尚不支持聚合物1.0。 您将需要使用计算的结合 。
例如:
<dom-module id="your-tag">
<template>
<iron-image
style="width:80px; height:80px;"
sizing="cover"
src$="{{_getImagePath(item.path)}}"
preload></iron-image>
</template>
<script>
Polymer({
is: "your-tag",
_getImagePath: function(url) {
return 'http://mydomain/' + url + '.jpg';
}
});
</script>
</dom-module>
我已经回答了类似的问题在这里 。
我想你忘了申报item.path
你应该聚合物({item.path: “/设置/您/路径”});
我觉得这个例子可以解决你的问题:
function(myPath) {
return 'http://mydomain/' + myPath + ".jpg";
}
那么你可以通过以下方式使用:
src="http://mydomain/{{myPath(item.path)}}"
您还可以看看这里进行进一步的调查和更全面的例子。
文章来源: Polymer V.1 how to concatenate some text to iron-list item that has json data e.g text{{data.somedata}}text