作为对象参数的动态路径

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

帮助愉快！

作为对象参数的动态路径

Dynamic path as Object parameter

javascript

arrays

angularjs

dynamic-arrays

ionic