Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript或angularJS在src中显示带有通配符的图像_Javascript_Angularjs - Fatal编程技术网

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

使用javascript或angularJS在src中显示带有通配符的图像,javascript,angularjs,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 上传中有多个这样的图像 /uplo

我想在视图中以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
上传中有多个这样的图像

/uploads/ 1a.jpg 1b.jpg 1zaz.jpg 1io.jpg /上传/ 1a.jpg 1b.jpg 1zaz.jpg 1io.jpg 我想展示所有这些针对每个属性的图像

唯一可以这样做的方法是,如果您事先知道名称后面附加了
a
b
zaz
io
。不能使用通配符来表示“对任何碰巧存在的文件重复此
img
元素。”


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

我的意思是在重复中针对一个id显示多个图像。所有图像名称都以id开头,然后是random string.jpg。“针对一个id的多个图像”也没有什么意义。不要让我们猜到你想做什么……给出一个恰当的解释正确的方法是:使用ng src()@t.J.克劳德现在清楚了吗?@InzmamGujjar:很好!但用户可以针对单个属性上传多个图像,所以我必须在末尾添加随机字符串来存储它们,@InzmamGujjar:服务器端信息无法从浏览器托管的JavaScript中获得。您必须在用户上载图像时捕获名称,然后在渲染时使用这些捕获的名称。另一种可能的解决方案是将图像的名称存储在数据库数组中,然后ng repeat该数组,但这可能会降低ng repeat中的性能ng repeat,。,你在想什么?@InzmamGujjar:如果你有两个ng重复,比如说,两个ng重复,每个ng重复,比如说,四个ng重复,而仅仅是八个ng重复,这并不重要。如果可以针对同一属性使用多个图像,则嵌套重复是有意义的。 /uploads/ 1a.jpg 1b.jpg 1zaz.jpg 1io.jpg