如何在 angular 应用程序中实现 Async 或 Promise计算量很大

问题描述

我有一个 Angular 应用,它只有一个 TS 文件一个 html 视图。

我得到了一个同步函数 CreateData(int categoryCount,int SubCategoryCount),其中有几个 for 循环,它们将类别计数和子类别计数作为输入。每个类别将生成多个子类别(生成的数据将是 Cat1 => SubCat1、SubCat2、SubCat3...)。

我需要在 UI 上显示该列表。用户将能够在页面左侧看到所有类别,如果他从中选择任何类别,那么我需要在右侧窗格中显示其所有子类别。

如果我将 输入作为 (1k,5k) 提供给 CreateData 函数我没有遇到任何滞后并且我很容易将值输入到 UI 并且如果我点击 UI 上的类别,它会立即获取其各自的子类别。

但是当我将输入范围增加到 (10K,50K) 时,初始数据创建需要时间,如果我点击 UI 中的一个类别,则 显示子类别有 5 秒的延迟。

我可以在这个 ts 文件中执行任何异步/等待或承诺调用以减少初始数据创建时间和检索 subCats 时间吗??

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)