IE Browser is getting hang while binding more than 5000 records

[twins650]

dual_multi_select.txt Hi, We are facing the issue while opening the modal popup on IE with Dual multi select binding. The Browser is getting hanged while loading the popup. please find the code as below,

var a; a = angular.module("dualmultiselect", []), a.directive("dualmultiselect", [function () { return { restrict: 'E', scope: { options: '=' }, controller: ['$scope', function ($scope) { $scope.transfer = function (from, to, index, canTransfer) { if (canTransfer === false) return false; if (index >= 0) { to.push(from[index]); from.splice(index, 1); } else { for (var i = 0; i < from.length; i++) { to.push(from[i]); } from.length = 0; } }; }],

    template: '<div class=row><div class="col-lg-6 col-md-6 col-sm-6"><div class=employee-wrap><h4 class=mainHeader>{{options.labelAll}}</h4><div class=row><div class=wrap><div class=col-md-8><div class=input-group><span class="glyphicon glyphicon-search input-group-addon"></span> <input class=form-control ng-model="search.name" ></div></div><div class=col-md-4><button ng-show="false" class="btn btn-default btn-xs"ng-click="transfer(options.items, options.selectedItems, -1,item.canTransfer)" type=button>Select All</button></div></div></div><ul class=list-group><li class=list-group-item ng-repeat="item in options.items | filter:search:strict | orderBy: options.orderProperty" title="{{ item.canTransfer === false ? \'Cant Add: Member of \'+ item.memberOf +\' group\' : item.name }}"><span ng-class="{canTransfer: item.canTransfer === false }" >{{item.name}} </span><span class="glyphicon glyphicon-chevron-right list-arrows pull-right"ng-click="transfer(options.items, options.selectedItems, options.items.indexOf(item),item.canTransfer)" ></span></ul></div></div><div class="col-lg-6 col-md-6 col-sm-6"><div class=employee-wrap><h4 class=mainHeader>{{options.labelSelected}}</h4><div class=row><div class=wrap><div class=col-md-8><div class=input-group><span class="glyphicon glyphicon-search input-group-addon"></span> <input class=form-control ng-model="searchSeleectedTerm.name"  ng-show=true></div></div><div class=col-md-4><button class="btn btn-default btn-xs"ng-click="transfer(options.selectedItems, options.items, -1,item.canTransfer)"type=button>Deselect All</button></div></div></div><ul class=list-group><li class=list-group-item ng-repeat="item in options.selectedItems | filter:searchSeleectedTerm:strict  | orderBy: options.orderProperty"><span>{{item.name}} </span><span class="glyphicon glyphicon-chevron-right list-arrows pull-right"ng-click="transfer(options.selectedItems, options.items, options.selectedItems.indexOf(item),item.canTransfer)"></span></ul></div></div></div>',
};

}]);

[alexklibisz]

Hi, I haven't actually used the posted code since I posted it about three years ago. Also have not used angular in that time. As such I'm not sure what to suggest for your bug. Sorry.