gpt4 book ai didi

angularjs - 当 Modal 中有大量项目时,angular-ui-select 下拉列表的行为缓慢

转载 作者:行者123 更新时间:2023-12-04 22:19:28 25 4
gpt4 key购买 nike

我用 angular-ui-select在引导模式窗口中包含约 1500 个项目的列表。

用户执行的每个操作都有 2 秒的延迟。
我试图通过使用“最小输入长度”来提高性能,但过滤器不起作用。

Plunkr 示例:
https://plnkr.co/edit/H0kbeR4kHfZFjsBnpjBC?p=preview

我的HTML:

<ui-select multiple sortable="true" ng-model="vm.selected" theme="select2" style="width: 100%;">
<ui-select-match placeholder="Select...">{{ $item.name }}</ui-select-match>
<ui-select-choices repeat="item in vm.items | filter: $select.search" minimum-input-length="2">
<div ng-bind-html="item.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
  • 有谁知道如何提高性能?
  • 如何应用最小字符过滤器?

    谢谢。
  • 最佳答案

    我使用 LimitTo 解决了这个问题,检查了搜索长度:

    limitTo: ($select.search.length <= 2) ? 0 : undefined"

    完整代码:
    <ui-select-choices 
    repeat="item in ctrl.items | filter: $select.search | limitTo: ($select.search.length <= 2) ? 0 : undefined">

    关于angularjs - 当 Modal 中有大量项目时,angular-ui-select 下拉列表的行为缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38077516/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com