Cómo usar jQuery Select2 con angular

Question

Mar 21, 2016, 03:46 PM

jquery angularjs-select2 jquery-select2 angularjs

Cómo usar jQuery Select2 con angular

Estoy tratando de usar jQuery (2.2.1) Select2 (3.5.2) con Angularjs (1.5) pero estoy teniendo dificultades para obtener los datos del cuadro de selección. Yo he tratadoui-select y podía recuperar datos ... pero a menudo bloqueaba el navegador cuando buscaba, era terriblemente lento y en general inestable (5000-10000 elementos). jQuery Select2 es rápido y receptivo, incluso con la gran cantidad de entradas, pero parece que no puedo obtener el objeto cuando selecciono una opción.

<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'
    }];

}]);

¿Hay alguna manera de hacer que estos dos funcionen bien?

Deja tu comentario