javascript - 选项卡式内容加载速度非常慢

Question

我有一个 Angular 应用程序，其中内容根据所选选项卡可见。 包含一小部分 html 的选项卡加载速度非常快，但在一个选项卡中，我有 3 个 select 元素，每个元素都有大约 2000 个来自数据库的可用选项。

当我单击此选项卡时，需要几秒钟才能显示选项卡。有什么解决方法可以加快加载速度吗？

<div *ngIf="tab=='Project'">
<select>

<option *ngFor="let item in employees>{{item.surname}}</option> 
</select>
<option *ngFor="let item in countries>{{item.shortCode}}</option> 
</select>
<option *ngFor="let item in positions>{{item.position}}</option> 
</select>
</div>

Answer 1

否。如果您有三个 select 元素，每个元素有 2000 个选项，则有 6000 个节点。将它们插入到 DOM 中只是需要一些时间。想一想为什么需要为用户提供 2000 个选项以及这如何帮助他们填写表单。从 2000 个选项中选择三次简直是一场噩梦!

即使您使用不同的更改检测策略，加载一次它们也需要一些时间。