使用angularjs渲染json而不是html

Question

想要构建一个非常简单的应用程序，它既有一些html页面，但允许api，因为输出只是由js完成的一些计算。

我想从我的控制器渲染一个json输出而不是渲染html文件。有关如何使用angularjs的任何想法吗？

Answer 1

问题是JSON文档将是单个请求，其中返回的内容具有内容类型application/json。

如果你想要Angular.js，它是一个前端库，你需要发一个HTML文档的请求（并在过程中呈现必要的HTML标记），然后是angular.js库。之后呈现的内容仍然是HTML（内容类型：text/html）。

所以答案是：不，你不能用Angular.js做到这一点。

您需要一个服务器端脚本来输出格式正确的JSON（没有其他内容）和正确的Content-Type标题。

Answer 2

这是一个名为json的AngularJS模块。将其用作输出中的过滤器。

用法（在HTML模板绑定中）：

{{ json_expression | json }}

用法（在JavaScript中）：

$filter('json')(object)

object

的位置

  

要过滤的任何JavaScript对象（包括数组和基本类型）。

示例：

<pre>{{ {'name':'value'} | json }}</pre>

输出：

{
    "name": "value"
}