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

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

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

HTML代码：

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

`
{{categoryData.main.fullStory}
`

字符串显示为：

随意的句子<代码>

另一句话

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

随意的句子

另一句话

---

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

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

那么在你看来,

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

另外，您可能还想去掉背面的记号。：）

---

下面是一个工作示例：

ng bind html

是否有助于删除反标记？反标记就在那里，以便您可以看到它们，否则stackoverflow将实现特征线。非主题：您可能需要先验证JSON。第二个JSON（您作为示例发布的JSON）是无效的。尝试验证它。感谢您的回答。我已经尝试过了，但该字符串不再显示在网页上。除了在my AngularJS控制器中包含$sce作为参数外，还需要其他设置吗？您的控制器需要

$sce

服务。您需要使用

$sce.trustAsHtml

将HTML字符串包装到一个特殊的受信任对象中，

ngBindHtml

指令知道如何使用该对象，然后您需要将包装的值分配给

$scope

，以便将其传递给

ngBindHtml

。如果您愿意，我可以为您提供一个Plunker。第一次实现此解决方案时，它没有显示，我使用了“=$sce.trustAsHtml（categoryData.main.fullStory）”；而将其改为拉入范围数据变量“=$sce.trustAsHtml（data.main.fullStory）”，现在它工作得非常好！谢谢！！：）没问题。：）很高兴这有帮助。如果可以，请检查一下，以便其他偶然发现此条目的人知道这是一个有效的解决方案。完成。当我获得声誉的时候，我也会投票支持它。

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