Angular 9- 在显示动态 json 响应时添加行号

Angular 9- add line numbers while displaying a dynamic json response

我必须显示来自服务器的动态 Json 响应,看起来像这样

{
  responseBody: {
    menu: {
      id: 'file',
        value: 'File',
      },
    },
  }
  status: 200,
}

我正在解析 responseBody 字符串以漂亮地打印它。但是,我必须用这样的行号显示 responseBody(可以是 JSON、XML 或字符串) Picture example

如何显示此响应以及行号?

我想你可以使用模块 ngx-highlightjs 来做到这一点。

ngx-highlightjs NPM

Stackblitz Example