Wie verwende ich jQuery Select2 mit Angular
Ich versuche, jQuery (2.2.1) Select2 (3.5.2) mit Angularjs (1.5) zu verwenden, habe aber Schwierigkeiten, die Daten aus dem Auswahlfeld abzurufen. Ich habe versucht ui-select und ich konnte Daten abrufen ... aber beim Suchen stürzte der Browser oft ab, war schrecklich langsam und insgesamt instabil (5000-10000 Elemente). jQuery Select2 ist trotz der großen Anzahl von Einträgen schnell und reaktionsschnell, aber ich kann das Objekt scheinbar nicht abrufen, wenn ich eine Option auswähle.
<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'
}];
}]);
Gibt es eine Möglichkeit, diese beiden gut zum Laufen zu bringen?