在服务中有许多调用方法时如何提高性能

时间:2019-01-15 04:08:17

标签: angular performance

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

我的方法是: 创建一个服务来检查每个菜单的产品。 在标头中运行服务(约有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
}

我的标头component.html

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

如何提高角度7的性能。

最感谢

1 个答案:

答案 0 :(得分:0)

我认为您应该看一下无限滚动列表和分页器(例如,使用角度材质分页器),例如,您可以先渲染10个api,然后在用户刷新或更改页面时再渲染另外10个api。无限滚动列表似乎对您更有用。