Как использовать jQuery Select2 с угловым
Я пытаюсь использовать jQuery (2.2.1) Select2 (3.5.2) с Angularjs (1.5), но мне трудно получить данные из поля выбора. я пыталсяUI-выберите и я мог получить данные ... но часто приводил к сбою браузера при поиске, был ужасно медленным и в целом нестабильным (5000-10000 элементов). jQuery Select2 работает быстро и быстро, даже при большом количестве записей, но я не могу получить объект, когда выбираю опцию.
<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'
}];
}]);
Есть ли способ заставить эти два работать хорошо?