我有一个数组,它是一系列看起来像这样的对象:
$scope.dishList = [
{ nameEnglish: 'onion soup',
nameLocal: 'soupe a loignon',
description: 'xxxxx',
region: 'vanitia',
itemid: 'IT022',
cuisineTypeIsoCode: 'IT',
imageSource: '( "img/" + dish.cuisineTypeIsoCode + "/" + dish.itemid + "small.jpg")',
}
// some more similar objects
];
每个图像名称的构造如下“IT001small.jpg、IT002small.jpg等,并存储在img/{{cuisineTypeIsoCode}}/img.pjg
我想在该数组中包含图像的路径,这样我就可以在 HTML 模板中通过 {{dish.imageSource}} 语句使用此参数(见下文)
<article class="item_frame">
<a class="" href="#"><img class="bookmark_icon" src="img\bookmark_plus_whitev3.png">
</a>
<img class="item_main_image" ng-src="{{dish.imageSource}}">
<img class="item_icon_circled" src="img/dishiconv4orangecircled.png">
<h1 class="item_name_english">{{dish.nameEnglish}}</h1>
<h2 class="item_name_local_language">{{dish.nameLocal}}</h2>
<p class="item_description ">{{dish.description}}</p>
<div class="subcuisine_container_w_flag">
<span class="subcuisine_text_in_dish_pages"> | {{dish.region}}</span>
<img class="flag_in_dishpages" src="img/flag.png">
</div>
</article><!--main article frame 1 -->
我已经尝试了几件事,但无法让任何东西发挥作用......请问有什么想法吗? 谢谢
最佳答案
不是确切的答案,而是更好的替代方法,我认为您可以用以下方法替换:
<img class="item_main_image" ng-src="img/{{dish.cuisineTypeIsoCod}}/{{dish.itemid}}small.jpg">
很高兴为您提供帮助!
关于javascript - 作为对象参数的动态路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29172355/