【问题标题】:angular2-multiselect [data] is loading data very slowangular2-multiselect [data] 加载数据非常慢
【发布时间】:2020-02-25 15:34:43
【问题描述】:
<angular2-multiselect [data]="listAllCategories" #serviceSubCategoryLists
                  [settings]="serviceTypeSettings ">

angular2-multiselect [data]="List" 如果列表有 1000 多个项目,则下拉加载速度非常慢。

【问题讨论】:

  • 你能和我们分享一下 serviceTypeSettings 吗?
  • 使用 ng-select 库分配属性 [virtualScroll]="true"。实现参考url:stackblitz.com/edit/ng-select

标签: angular typescript


【解决方案1】:

在您的设置中使用lazyLoading。从 API 异步加载数据。

serviceTypeSettings = {
lazyLoading: true
}

请参考: https://cuppalabs.github.io/angular2-multiselect-dropdown/#/lazyloadingRemoteData

【讨论】:

  • 感谢添加 {lazyLoading:true} 现在页面多选比以前快得多。
  • 添加延迟加载搜索过滤器后不起作用?? this.serviceTypeSettings = { singleSelection: false, text: "Select", enableSearchFilter: true, selectAllText: 'Select All', enableFilterSelectAll: false, unSelectAllText: 'UnSelect All', badgeShowLimit: 1, noDataLabel: null, isSelectAll: true, includeSelectAllOption : true,lazyLoading: true };
  • 搜索过滤器必须工作也许你错过了一些东西,你可以在lazyload示例中看到搜索过滤器正在工作,同样你的应该工作请耐心交叉检查。如果它确实有助于解决您的问题,请接受此答案。
  • 因为一旦它不起作用,我就在推送整个列表,尝试将整个新数据连接到当前列表过滤工作正常。谢谢:)
  • 很高兴帮助您解决问题。如果它确实有助于解决您的问题,请接受此答案。
【解决方案2】:

数据从何而来? 如果您使用 API,请使用 Postman 进行检查,可能在 API 层或服务器端应用程序中需要时间

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-06-26
    • 1970-01-01
    • 2014-10-08
    • 1970-01-01
    • 2019-04-21
    • 2014-02-15
    • 1970-01-01
    相关资源
    最近更新 更多