Como usar o jQuery Select2 com angular

Question

Mar 21, 2016, 03:46 PM

angularjs-select2 jquery jquery-select2 angularjs

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?

leaveComments