解释Javascript字符串文字中的HTML标记

Question

我进行了一个AJAX调用，该调用在JSON对象中给出一个字符串，该对象包含如下格式的文本：

Your girl was in Berkeley with a communist reader. <br> Mine was entombed within boombox and walkman. <br> I was a hoarder, but girl, that was back then. <br> The gloves are off, the wisdom teeth are out. <br> What you on about? <br> I can feel it in my bones. <br> I can feel it in my bones. <br> I'm stronger now, I'm ready for the house. <br> Such a modest mouse. <br> I can't do this alone.

我使用这个字符串在我的网页上填充一个div，这样它看起来如下所示：

<div class="lyrics-container>{{ the text in the JSON string }} </div>

但是，当使用该文本填充div时，我得到了确切的字符串，这意味着<br>s显示为文本。我要他们真正地履行他们的职能，打破界限。有没有办法强迫浏览器解释字符串中的HTML？

我使用角获取数据并填充div，如果这有任何不同。

Answer 1

这不是直截了当。您需要使用ngBindHtml。

控制器

$scope.content = "<b>this is bold content</b>";

HTML

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

您需要以下模块：

http://code.angularjs.org/1.0.3/angular-sanitize.js

请确保将ngSanitize声明为模块依赖关系，如下所示：

var app = angular.module('angularjs-starter', ["ngSanitize"]);