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

Question

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

我的组合数据采用 json 格式，包含三个元素 id 、 image 和 value。根据模型中的行数，这些下拉数字也是动态的。

请分享解决方案。

谢谢。

Answer 1

请试试这个，它会解决的，

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

Answer 2

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

Answer 3

使用自定义格式值在 angularjs 选择选项中签出示例

希望能帮助到你。

Answer 4

在选项标签中这样写

ng-repeat="obj in xxxxComboData" data-image="{{obj.image}}"