如何在JSON字符串中实现嵌套HTML

How do you implement nested HTML inside a JSON string?

本文关键字：实现 嵌套 HTML 字符串 JSON      更新时间：2023-09-26

我刚开始使用AngularJS进行web开发。我正在提取JSON数据，提取的数据字符串中有HTML换行符。例如：

 { main:  {
          "id": 1,
          "fullStory": "Random sentence. `<br><br>` Another sentence!"}}

我目前正在将这些JSON字符串绑定到一个div。AngularJS代码：

$http.get('http://html5news.herokuapp.com/category/' + $routeParams.catId)
.success(function(data){
     $scope.categoryData = data;
}

HTML代码：

`<div id="cpMainArticleContent">
     {{categoryData.main.fullStory}}
</div>`

字符串显示为：

随机句子。<br><br>又是一句话！

执行HTML代码的最有效方式是什么，使其显示如下：

随机句子

又是一句话！

这与JSON无关。这是关于如何将数据发送到视图。您需要做的是使用$sce将字符串标记为HTML可信，然后使用ngBindHtml显示它

$scope.fullStoryHtml = $sce.trustAsHtml(categoryData.main.fullStory);

那么在你看来：

<div id="cpMainArticleContent" ng-bind-html="fullStoryHtml"></div>

PS。您可能还想去掉后面的记号。：）

下面是一个工作示例：http://jsbin.com/virije/1/edit

相关文章：