在-AngularJS中呈现HTML

所以我有以下div和我想要做的,如果它存在于{{statusUpdate.text}}中,则有div渲染 HTML.

我所做的是将用户名包装在下面看到的范围内 – 但是我希望它被渲染为实际的HTML,今天它只是纯文本中的HTML.

<div ng-repeat="statusUpdate in statusUpdates | orderBy:'-time'">
  <div class="actContent">{{statusUpdate.text}}</div>
</div>

目前我只是将其作为输出 – 见下文 – 这是浏览器中的输出

<div class="actContent ng-binding">hello &lt;span class='mentionedUserTag'&gt;Aref Abedi&lt;/span&gt; how are you?
</div>

关于如何解决这个问题的任何想法？

解决方法

使用ng-bind-html：

<div ng-repeat="statusUpdate in statusUpdates | orderBy:'-time'">
  <div class="actContent" ng-bind-html="statusUpdate.text"></div>
</div>

不要忘记添加ngSanitize,它位于不同的js文件中(angular-sanitize.js)：

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