带有两个图像的 ui-select答案

【问题标题】：ui-select with two images带有两个图像的 ui-select
【发布时间】：2017-07-23 17:10:04
【问题描述】：

http://plnkr.co/edit/8Uks2e7tJ78Ax5bMbup2?p=preview

我想为每个项目添加两个图标。我做这个：

<ui-select-choices repeat="lang in language_list">
  <img ng-src="{{ lang.url }}" />
  <img ng-src="{{ lang.url }}" />
  <div ng-bind-html="lang.name | highlight: $select.search" style="display: inline"></div>
</ui-select-choices>

但在选择项目后，所选控件中没有第二张图像。我怎样才能在其中获得两个图像？

【问题讨论】：

标签： angularjs ui-select

【解决方案1】：

我将此代码添加到控制器中：

$scope.onSelected = function (selectedItem) {
    //do selectedItem.PropertyName like selectedItem.Name or selectedItem.Key 
    //whatever property your list has.

    var result = document.getElementsByClassName("select2-chosen")[1];
    var contentTr = angular.element('<img class="ng-scope" ng-src="https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/gb.png" src="https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/gb.png">');

    if (angular.element(result).children().length > 2) {
        angular.element(result).children()[0].remove();
    }
    var wrappedResult = angular.element(result).prepend(contentTr);
}

并添加了这段代码：

on-select="onSelected($item)"

以 ui-select html 作为属性。

【讨论】：