interface utilisateur-sélectionnez multiselect est très lent à l'affichage de l'choix

J'ai rencontré ce problème, et je ne sais pas comment le résoudre. J'ai utilisé un interface utilisateur-sélectionnez multiselect dans ma page. Tout d'abord, une http.demande est faite à une adresse url qui permet d'obtenir les données, puis l'interface utilisateur-sélectionnez les choix sont peuplées. Les données big - la longueur des données est en 2100. Ces données sont affichées comme des choix. (Les données sont lues au début pendant le chargement de la page et est stocké dans un tableau)

Mais le problème est que chaque fois que je clique sur la sélection multiple pour sélectionner un choix, il faut 4-5 secondes pour remplir la liste et la page devient très lent. Que dois-je faire pour réduire ce temps?

Le choix des données est stocké dans un tableau, le type de données est tableau de chaînes de caractères.

  <ui-select multiple ng-model="selectedFields.name"  style="width: 100%;">
    <ui-select-match placeholder="Select fields...">{{$item}}</ui-select-match>
    <ui-select-choices repeat="fields in availableFields | filter:$select.search">
      {{fields}}
    </ui-select-choices>
  </ui-select>

dans le contrôleur,

$scope.selectedFields = {};
$scope.selectedFields.name = [];

$scope.init = function() {

    $http.get(url)
        .success( function(response, status, headers, config) {
            availableFields = response;
        })
        .error( function(err) {
        });
};

$scope.init();

Si pas de cette façon, est-il d'autres options/choix je peux travailler avec ce qui ne veut pas être en retard montrant l'sélectionnez-le choix?

OriginalL'auteur akashrajkn | 2015-07-14