javascript - 作为对象参数的动态路径

Question

我有一个数组，它是一系列看起来像这样的对象:

 $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 -->   

我已经尝试了几件事，但无法让任何东西发挥作用......请问有什么想法吗？谢谢

Answer 1

不是确切的答案，而是更好的替代方法，我认为您可以用以下方法替换:

<img class="item_main_image" ng-src="img/{{dish.cuisineTypeIsoCod}}/{{dish.itemid}}small.jpg">

很高兴为您提供帮助!