В моем приложении Angular есть служба, которая получает JSON данные из API.
Этот API иногда возвращает более 400 записей (JSON объектов).
Когда я обращаюсь к конечной точке прямо из браузера, требуется немного (около 5 секунд) времени, чтобы заполнить всю страницу JSON. После этого я могу видеть все без каких-либо проблем.
Но мне нужно поместить это возвращенное JSON в тег HTML code, потому что пользователь хочет видеть JSON. Он не хочет видеть в таблице, он хочет JSON.
Я использую следующий код для этого:
HTML:
<div>
<pre>
<code [highlight]="lastData" [lineNumbers]="true">
Component.ts:
this.myService.getLastData(this.myObject)
.subscribe(json => this.lastData= JSON.stringify(json, undefined, 4))
Он работает!
Но когда возвращенный JSON большой, требуется много времени на рендеринг на экране, а иногда он просто не рендерится! Браузер зависает, и единственный способ вернуться на страницу - снова открыть его.
Пожалуйста, могу ли я что-нибудь сделать, чтобы оптимизировать этот процесс?
Спасибо