如何将JSON转换为角度的HTML

How to transform JSON into HTML in angular

本文关键字：HTML 转换 JSON      更新时间：2023-09-26

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

本质上，我有一个获取json数据的控制器：

...
$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...我读到您将为此使用 angular 中的 $compile 功能，但我似乎找不到一个例子来使用它来做这么简单的事情。

任何建议将不胜感激！谢谢- 五

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

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

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

要安装 ngSanitize，请先下载脚本并将其包含在调用脚本的任何位置，然后在模块依赖项列表中添加ngSanitize，从而产生类似于...

angular.module('app', ['ngSanitize']);
相关文章：