概述
ng-prettyjson 是一个 AngularJS 模块，可用于美化和格式化 JSON 对象以便于阅读。它可以将 JSON 对象渲染成漂亮的、易于阅读的 HTML 格式。
下面是使用 ng-prettyjson 的简单示例：
-- -------------------- ---- -------
--------- -----
----- --------- ---------------
------
----- ----------------
-------------------- ------------
----- ---------------- -----------------------------------------------------------------------
------- ------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------
-------
----- -----------------------------
---- ---------------------------
--------
--- --- - ----------------------- ------------------
------------------------------ ---------------- -
------------- - -
------- ----- -----
------ ---
------- ---- -----
--
---
---------
-------
-------安装
要使用 ng-prettyjson，需要先安装它。你可以通过 npm 或者直接下载源代码来安装。
通过 npm 安装
打开命令行窗口，然后运行以下命令：
npm install ng-prettyjson
直接下载
你可以从 Github 上下载最新版本的源代码。或者，你也可以直接从 ng-prettyjson 官网 下载编译好的 JS 和 CSS 文件。
使用
使用 ng-prettyjson 很简单。只需要在 HTML 中添加一个 <pre> 元素，然后将 JSON 对象传递给 pretty-json 属性即可。
下面是一个完整的示例：
-- -------------------- ---- -------
--------- -----
----- --------- ---------------
------
----- ----------------
-------------------- ------------
----- ---------------- -----------------------------------------------------------------------
------- ------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------
-------
----- -----------------------------
---- ---------------------------
--------
--- --- - ----------------------- ------------------
------------------------------ ---------------- -
------------- - -
------- ----- -----
------ ---
------- ---- -----
--
---
---------
-------
-------自定义样式
默认情况下，ng-prettyjson 将使用内置的样式来渲染 JSON 对象。如果你想要自定义样式，可以通过添加 CSS 来实现。
下面是一个简单的示例：
-- -------------------- ---- -------
--------- -----
----- --------- ---------------
------
----- ----------------
-------------------- ------------
----- ---------------- -----------------------------------------------------------------------
------- ------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------
-------
--------- -
------ -----
-
----------- -
------ ------
-
--------
-------
----- -----------------------------
---- ---------------------------
--------
--- --- - ----------------------- ------------------
------------------------------ ---------------- -
------------- - -
------- -----
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------