Angular 7 Замедление производительности приложений - PullRequest
0 голосов
/ 18 октября 2019

Я создал одну ежемесячную инструментальную панель в своем приложении Angular 7, в которой отображаются 8 диаграмм (построенных с помощью диаграмм Google) для каждого месяца, а первая информация о диаграммах представлена ​​в виде таблицы в нижней части диаграммы.

Когда яизменить месяц 8 различных API будут вызывать и загружать данные для 8 графиков.

Здесь проблема заключается в том, что мое приложение замедлялось. Даже при том, что я правильно следовал методологии отписки от API, страница падала из-за проблем с низкой производительностью.

Только эта страница панели инструментов столкнулась с этой проблемой, остальные страницы работают нормально.

Вот примеркод

this.widgetsList.forEach((eachWidget, i) => {
this.subsWidg.add(this.dashboardsService.getCountOfInProcessApprovals(this.monthId, this.processType, eachWidget.id).subscribe((res: any[]) => { }))
})

public ngOnDestroy() {
    this.subsWidg.unsubscribe();
}

Другое замечание : я удалил весь свой код в компоненте и добавил диаграммы со статическими данными (не было вызовов API), но ответ на странице все тот же, без изменений. Я полагаю, что в моем приложении что-то доминирует в Google-диаграммах.

...