我有一个页面,其中我列出了一些基于搜索数据的产品。所显示的产品不是保存在本地数据库中,而是使用API实时获取的(这就是它必须保持的方式)。
当页面加载时,它首先列出来自一个提供者的产品(第一个API调用)。在页面完成加载后,使用Ajax对第二个提供者进行第二次调用,产品列表将出现并附加到页面中。
考虑到每个api调用都需要2+秒才能返回数据,我不能在页面加载上留下超过一个调用。
我的问题是:在这种情况下如何分页?
Idea 1
执行静态分页:分页是在浏览器中完成的。这确实很简单,但是在大的结果集上,它可能会减慢设备的速度,甚至使页面崩溃。
Idea 2
在第一次加载时,缓存所有结果并使用缓存文
在这里使用angular 6。
在我的UI中,我正在创建具有动态行和列的动态表。因此,用户可以添加任意数量的行和列,然后向行中添加数据。我正在使用FormArray,FormControl,FormGroup在angular中构建这个。该表类似于:。这一切都运行得很好。
<table >
<tr>
<th *ngFor="let col of displayedHead"> {{col}}</th>
</tr>
<tr *ngFor="let element of myformA