Угловой Выбор 2 показать страну Спуска с соответствующим флагом страны

Question

У меня есть select2 downdown list of country. Я получаю конкатенацию двух ключей массива и данных, но не могу получить флаг страны с текстом. мой код выглядит следующим образом

Угловое Js

$scope.select2Config = { 
     formatResult: $scope.format, 
     formatSelection: $scope.format 
    }; 
    $scope.myForm = {}; 
    $scope.myForm.country = [ 
     {id: "IN", name: "INDIA"}, 
     {id: "USA", name: "USA"}, 
     {id: "UK", name: "United Kingdom"} 
    ]; 

    $scope.genName = function (id, name) { 
     return id + ' ' + name; 
    } 

HTML код:

<select ng-model="myForm.country" 
    ng-options="obj.id as genName(obj.id,obj.name) for obj in myForm.options"> 
<option value="">Select...</option></select> 

Как я могу получить изображение и текст как в выбранном мой вариант? я видел 1 вариант в JavaScript для того же вы можете передать его http://jsfiddle.net/Starx/sgb4888k/2/

Answer 1

Я думаю, что вы настраиваете нг-модель в качестве исходного массива.

angular.module('myApp', []) 
 
    .controller('myCtrl', function($scope) { 
 

 

 
    $scope.select2Config = { 
 
     formatResult: $scope.format, 
 
     formatSelection: $scope.format 
 
    }; 
 
    $scope.myForm = {}; 
 
    $scope.selectedId = ''; 
 
    $scope.myForm.country = [{ 
 
     id: "IN", 
 
     name: "INDIA" 
 
    }, { 
 
     id: "USA", 
 
     name: "USA" 
 
    }, { 
 
     id: "UK", 
 
     name: "United Kingdom" 
 
    }]; 
 

 
    $scope.genName = function(id, name) { 
 
     return id + ' ' + name; 
 
    } 
 

 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='myApp' data-ng-controller="myCtrl"> 
 

 
    <select ng-model="selectedId" ng-options="obj.id as genName(obj.id,obj.name) for obj in myForm.country"> 
 
    <option value="">Select...</option> 
 
    </select> 
 
    Selected {{selectedId}} 
 

 
</div>