Como usar o jQuery Select2 com angular
Estou tentando usar o jQuery (2.2.1) Select2 (3.5.2) com o Angularjs (1.5), mas estou tendo dificuldades para pegar os dados da caixa de seleção. eu tenteiui-select e eu podia recuperar dados ... mas frequentemente travava o navegador durante a pesquisa, era terrivelmente lento e instável em geral (5000-10000 itens). O jQuery Select2 é rápido e responsivo, mesmo com o grande número de entradas, mas não consigo obter o objeto quando seleciono uma opção.
<head>
<script src="~/Scripts/angular.min.js"></script>
<script src="~/Scripts/CustomScripts/app.js"></script>
<script src="~/Scripts/jquery-2.2.1.js"></script>
<script src="~/Scripts/select2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".sel").select2();
});
</script>
<head>
<body ng-app="app" ng-controller="MainCtrl">
<select class="sel" data-ng-model="country.selected" ng-options="country.Name for country in countries | orderBy: 'Name'">
<body>
app.js
var app = angular.module('app', []);
app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.country = {};
$scope.countries = [{
name: 'Australia',
}, {
name: 'United States'
}, {
name: 'United Kingdom'
}];
}]);
Existe uma maneira de fazer com que esses dois funcionem bem?