json - Angular - 如何优化 JSON.stringify？

Question

我的 Angular 应用程序中有一项服务可以从 API 获取 JSON 数据。

此 API 有时会返回 400 多条记录（JSON 对象）。

当我直接从浏览器访问端点时，用 JSON 填充所有页面需要一点时间（大约 5 秒）。在此之后，我可以毫无问题地看到所有内容。

但是，我需要将此返回的 JSON 放入 HTMLcode标记中，因为用户想要查看 JSON。他不想在表格中看到，他想要 JSON。

我正在使用以下代码来实现这一点：

HTML：

<div>                   
    <pre>
       <code [highlight]="lastData" [lineNumbers]="true"></code>
    </pre>            
</div>

组件.ts：

this.myService.getLastData(this.myObject)
        .subscribe(json => this.lastData= JSON.stringify(json, undefined, 4))

它确实有效！

但是，当返回的 JSON 很大时，在屏幕上渲染需要很长时间，有时甚至根本不渲染！浏览器冻结，返回页面的唯一方法是重新打开它。

请问，我可以做些什么来优化这个过程吗？

谢谢

标签： jsonangular

Answer 1

如果您有大量数据要显示，您能否实现服务器端分页。否则可能会影响应用程序的性能。