如何在angularjs的下拉列表中添加图像

Posted 2021-04-09

我正在使用angularjs中的图像进行下拉，我尝试了许多解决方案，但没有取得任何成功。

我的组合数据以json格式出现，包含三个元素id，image和value。这些下拉数字也是动态的，因为模型中存在行数。

请分享解决方案。

谢谢。

答案

在选项标签中写这样的

ng-repeat =“xxxxComboData中的obj”data-image =“{{obj.image}}”

另一答案

请尝试一下它会解决，

   <select ng-model="choice">
        <option ng-repeat="item in itemsList" data-image="{{item.url}}">{{item.label}}</option>
    <select>

另一答案

   <select ng-model="image_chosen">
     <option ng-repeat="data in list" data-image="{{data.url}}" value="{{data.id}}">{{data.value}}</option>
     <option value="">Choose a option</option>
   </select>

另一答案

在angularjs select option with custom format value查看示例

希望能帮助到你。