Question

我正在使用isteven-multi-select来显示来自DB的选择选项。不幸的是，它可能是一个非常大的阵列（来自＆＃34;一些＆＃34;到＃34; + 100K＆＃34;记录）。这就是我使用带过滤器的智能选择的原因。有什么方法可以设置渲染选项的限制来提高性能？目前大型阵列下载了一个js和一个firefox。

我的选择：

<div isteven-multi-select
     input-model="data.select.options"
     output-model="data.select.data" 
     button-label="label"
     item-label="id label"
     tick-property="ticked"
     max-labels="4" >
 </div>

控制器：

...
DataInfoResource.query(
    function(data) {
        $scope.data.select.options = data;
        console.log(data);
    }
);
....

我也尝试过select2，但我找不到任何方法。

感谢您的任何建议。

Answer 1

这是我在列表大小更大时所做的事情。不知道它是否适用于10万条记录，但是您仍然可以尝试。 6k记录确实很好用。修改了isteven-multi-select.js中的模板，如下所示

'ng-repeat =“ filteredModel中的项目| filter：removeGroupEndMarker” class =“ multiSelectItem”'

到

'ng-repeat =“ item infilteredModel | filter：removeGroupEndMarker | limitTo：100” class =“ multiSelectItem”'

Answer 2

可以试试这个：

<div isteven-multi-select ... max-height="250px"></div>

PS。我无法添加评论，因为以下答案

AngularJS isteven-multi-select限制显示选项

2 个答案: