gpt4 book ai didi

AngularJS 自动 HTML 编码符号

转载 作者:行者123 更新时间:2023-12-05 04:17:39 28 4
gpt4 key购买 nike

我的网站上有一个评论部分,我将 html 编码的评论保存在我的数据库中。所以我添加了这条评论-

"testing" `quotes` \and backslashes\ <b>and html</b>

并将其保存在数据库中-

&quot;testing&quot; &#039;quotes&#039; \and backslashes\ &lt;b&gt;and html&lt;/b&gt;

一切都很好,但是当我将它打印到我的页面时

<li class="media" ng-repeat="comment in comments">
<a class="pull-left" href="#">
<img class="media-object" src="/{{comment.thumb}}" width="24" alt="{{comment.username}}">
</a>
<div class="media-body">
<h5 style='margin: 0px;'><a href="/profile/{{comment.username}}">{{comment.username}}</a></h5>
<p>{{comment.message}}</p>
</div>
</li>

& 符号自动更改为

&amp;

因此页面上的结果字符串将是-

&amp;quot;testing&amp;quot; &amp;#039;quotes&amp;#039; \and backslashes\ &amp;lt;b&amp;gt;and html&amp;lt;/b&amp;gt;

当然这不会正确显示。我尝试将评论传递给 parseAmper 过滤器,该过滤器用 & 替换所有编码的&符号,但它没有坚持。如何正确打印 & 符号?

最佳答案

您可以使用:

HTML

<body ng-app="demo" ng-controller="MainCtrl">
<span ng-bind-html="foo"></span>
</body>

JavaScript

angular.module('demo', []);

var demo = angular.module('demo').controller('MainCtrl', function ($scope, $sce) {
$scope.foo = $sce.trustAsHtml('&quot;testing&quot; &#039;quotes&#039; \and backslashes\ &lt;b&gt;and html&lt;/b&gt;');
});

here is a demo .

关于AngularJS 自动 HTML 编码符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21369733/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com