javascript - angularJS 和 php- HTML 标签未解码

Question

我正在 angularJS 中构建一个新项目。后端是 PHP 和 MySQL。 PHP API 将数据返回到我需要在前 View 中显示的 Angular 。

但是 HTML 标签在我的网站中没有被解码。它们就是这样显示的。当我在 phpfiddle.org 中尝试相同的操作时，它有效。

用户通过所见即所得编辑器提交数据，并将其保存在数据库表中，如下所示:

<p>dfgdfgdfgfd</p><p><br/></p><p>dg</p><p>d</p><p>g</p><p><span class="rangySelectionBoundary" id="selectionBoundary_1472644203224_7186990890070339"></span>df<span class="rangySelectionBoundary" id="selectionBoundary_1472644203224_09491296280590866"></span></p><p><span class="rangySelectionBoundary" id="selectionBoundary_1472644197601_045958185758413816"></span>g<span class="rangySelectionBoundary" id="selectionBoundary_1472644197601_8700155449427347"></span><br/></p>

以下是我在 PHP 中解码 HTML，然后将数据返回到前端的方法。

<?php
$valueFromDB= "&lt;p&gt;dfgdfgdfgfd&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;dg&lt;/p&gt;&lt;p&gt;d&lt;/p&gt;&lt;p&gt;g&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;rangySelectionBoundary&quot; id=&quot;selectionBoundary_1472644203224_7186990890070339&quot;&gt;&amp;#65279;&lt;/span&gt;df&lt;span class=&quot;rangySelectionBoundary&quot; id=&quot;selectionBoundary_1472644203224_09491296280590866&quot;&gt;&amp;#65279;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;rangySelectionBoundary&quot; id=&quot;selectionBoundary_1472644197601_045958185758413816&quot;&gt;&amp;#65279;&lt;/span&gt;g&lt;span class=&quot;rangySelectionBoundary&quot; id=&quot;selectionBoundary_1472644197601_8700155449427347&quot;&gt;&amp;#65279;&lt;/span&gt;&lt;br/&gt;&lt;/p&gt;";

$decoded =  html_entity_decode(htmlspecialchars_decode($valueFromDB,ENT_QUOTES));

echo $decoded;
?>

它可以在 fiddle 中工作，但在真实的网站中，这就是它的样子。

为什么它在 fiddle 中工作时在网站上不起作用？

Answer 1

如果您尝试使用 Angular 的 $http 打印查询结果，请尝试使用 ng-bind-html

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

该指令需要 Angular 清理。