带图像的角度选择

情况：

我需要在语言选择中插入标志。我在 Google 和 StackOverflow 中进行了搜索，但找到的解决方案对我不起作用。

代码：

在控制器中：

 $scope.language_list = [{'name': 'english', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/gb.png'},{'name': 'italian', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/it.png'}];

视图中：

<select ng-model="language_selected">
    <option ng-repeat="language in language_list" data-image="{{language.url}}" >{{language.name}}</option>
</select>

EXAMPLE:

http://jsfiddle.net/tcVhN/168/

问题：

如何在角度选择内插入图像？

EDIT:

这是解决方案的 Plunker，已清理：

http://plnkr.co/edit/hMlNjkDL3l0QKF37pCa0?p=preview

作为其他答案，你不能使用<options>要添加图像，但是您可以使用角度模块ui-select实现你想做的事。

这里有一个使用 ui-select 和您的数据进行演示.

清理代码并获得您需要的内容。

如果您对搜索框覆盖 CSS 不感兴趣，

 .select2-search {
      display: none;
 }

DEMO