使用javascript或angularJS在src中使用通配符显示图像

时间:2017-01-04 08:28:28

标签: javascript angularjs

我想在这样的视图中以ng-repeat显示以_id值开头的多个图像。

 <div ng-repeat="property in properties">
    <img src="uploads/@{{property._id}}.jpg" alt="Smiley face" width="42" height="42"/>
</div>

现在考虑一下 如果

  

_id = 1

上传中有多个图片,如

  

/上传/

1a.jpg
1b.jpg
1zaz.jpg
1io.jpg

我希望针对每个属性显示所有这些图像。

帮助我。

1 个答案:

答案 0 :(得分:1)

  

现在考虑这个

_id = 1
     

上传中有多个图片,如

/uploads/
1a.jpg
1b.jpg
1zaz.jpg
1io.jpg
     

我希望针对每个属性显示所有这些图像

唯一可以做到这一点的方法是,如果您事先知道名称附加了abzazio。您不能使用通配符对任何碰巧存在的文件说“重复此img元素。”

因此,作为构建过程或类似过程的一部分,您需要识别存在的实际图像,然后在ng-repeat中覆盖所有图像。您如何做到这一点的细节显然将高度针对您的环境,因此我们无法向您提供这些细节。