在-AngularJS中呈现HTML

发布时间：2020-12-17 06:54:22 所属栏目：安全来源：网络整理

导读：所以我有以下div和我想要做的,如果它存在于{{statusUpdate.text}}中,则有div渲染 HTML. 我所做的是将用户名包装在下面看到的范围内 – 但是我希望它被渲染为实际的HTML,今天它只是纯文本中的HTML. div ng-repeat="statusUpdate in statusUpdates | orderBy:'

所以我有以下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']);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!