在页面上显示整个 json 对象答案

【问题标题】：Display entire json object on page在页面上显示整个 json 对象
【发布时间】：2019-05-11 22:09:25
【问题描述】：

我知道有办法做到这一点，但我不记得了，我认为它涉及$index。我想在 ng-repeat 中显示所有数据。当我过去这样做时，它会显示页面 HTML 中的所有内容，所以就像：

数组：[{动物：“狗”，颜色：“棕色”}，{动物：“猫”，颜色：“橙色”}]

而不是您在控制台中看到的格式化版本。

array: [ 
    { 
      animal: "dog",
      color: "brown"
    },
    {
      animal: "cat",
      color: "orange"
    } 
]

我这样做是因为我需要访问在作用域中生成的隐藏数组。我无法在$scope 中添加或编辑任何内容，并且在过去我能够记住如何做这样的事情时也没有这样做。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

如果我误解了，请告诉我，但如果您只是想以 json 格式呈现对象以进行调试，您可以使用 json filter。

来自文档的示例：

<pre id="default-spacing">{{ {'name':'value'} | json }}</pre>
<pre id="custom-spacing">{{ {'name':'value'} | json:4 }}</pre>

结果：

{
  "name": "value"
}

{
    "name": "value"
}

【讨论】：