聚合物V.1如何连接一些文本到具有JSON数据如文本{{data.somedata}}文本铁列表项(

2019-10-24 00:48发布

我使用的是铁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}}"我看到的路径时,我检查项目

谢谢

Answer 1:

字符串插值尚不支持聚合物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>

我已经回答了类似的问题在这里 。



Answer 2:

我想你忘了申报item.path

你应该聚合物({item.path: “/设置/您/路径”});



Answer 3:

我觉得这个例子可以解决你的问题:

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