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

【问题标题】：How to add image in dropdown in angularjs如何在angularjs的下拉列表中添加图像
【发布时间】：2014-10-27 13:02:29
【问题描述】：

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

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

请分享解决方案。

谢谢。

【问题讨论】：

你能把你的代码放在这里吗？
Select2 支持自定义项目标记，还有 AngularJS 适配器，您可能想尝试一下。
@Arcana 感谢您的解决方案，但是当我尝试您的解决方案时，图像不可见。

标签： image angularjs combobox angularjs-ng-repeat angularjs-ng-options

【解决方案1】：

在 angularjs select option with custom format value

上查看示例

希望对你有帮助。

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

请试试这个，它会成功的，

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

【讨论】：

【解决方案4】：

在选项标签中这样写

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

【讨论】：