当我们在服务中有许多方法要调用时，如何提高性能

Question

我通过从每个有没有产品的服务器中检索信息来完成菜单检查系统。如果没有，请关闭该菜单的显示。

我的方法是：创建一个服务来检查每个菜单的产品。运行标头中的服务(大约60个功能要执行)

问题是：系统从系统中检索所有信息的速度较慢。取回所有东西大约需要20秒。(如果在产品页面中)

我的支票产品服务。

countWhisky() {
return this.http.post('/enviroment', {
method: 'GET',
uri: 'api url'
})
}
.
.
.
about 60 function

我的标头组件.ts

.
.
private checkProduct: CheckProductsService,
.
.
ngAfterViewInit() {
this.checkProduct.countSomething().subscribe((data: any) => {
this.somethingCheck = data.record_set
.
.
.
about 60 subscribe
}

我的头组件.html

<li *ngIf="somethingCheck != ''">
<a href="/products?brand=something">something</a>
</li>
.
.
about 60 ngIf

如何提高angular 7的性能。

最大感谢

Answer 1

我认为你应该看看无限滚动列表和paginator(im使用有角度的材料paginator)，例如，你可以渲染第一个10 api，然后当用户刷新或更改页面时，渲染另一个10 api。无限滚动列表看起来对您更有用。