javascript - 如何以 Angular 将 JSON 转换为 HTML

Question

我是 Angular 的新手，我遇到了一个问题，在现有文档中找不到答案。

本质上我有一个获取 json 数据的 Controller :

...
$http.get("/json/blabla").success(function(result) {
$scope.information = (function () { return result; })();

然后在我的模板中 <div ng-controller="myController"> <div>{{information}}</div>

从json返回的数据如下所示: <p><strong>something</strong> blabla </p><p>something else</p>

在我的最终 html 输出中 <p>和其他标签在不转换为 HTML 的情况下打印...我读到您将使用 $compile Angular 功能为此，但我似乎找不到使用它来实现如此简单的事情的示例。

如有任何建议，我们将不胜感激!谢谢-V

Answer 1

如果您使用ngBindHtml <div> 的属性，它将加载为 HTML 而不是文本，您应该能够使用...进行设置

<div ng-bind-html="information"></div>

这应该会产生所需的结果，但您需要首先安装 ngSanitize，以便可以以安全的方式正确呈现 HTML。

要安装 ngSanitize，首先下载脚本并将其包含在调用脚本的任何位置，然后在模块依赖项列表中添加 ngSanitize导致类似于...的结果

angular.module('app', ['ngSanitize']);