显示从MySQL数据库检索到的HTML

因此，我从MySQL数据库返回一个字符串，如下所示

a2+b2=c2

不幸的是，该字符串在浏览器中显示为

a2+b2=c2

PHP文件如下所示：

<?php
    require_once './config.php';

    $query = $db->prepare("SELECT * FROM `events`");
    $query->execute();

    $results = $query->fetchAll(PDO::FETCH_ASSOC);

    echo $json_response = json_encode($results);

?>

<div class="container" id="visualization" ng-repeat="event in events">

            <div class="row">
                <div ng-class-odd="'col-md-6 col-md-offset-6'" ng-class-even="'col-md-6'">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            {{event.day}} {{event.month}} {{event.year}}
                        </div>

                        <div class="panel-body">
                            {{event.description}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

它的工作原理是通过ngRepeat显示内容，如下所示：

<?php
    require_once './config.php';

    $query = $db->prepare("SELECT * FROM `events`");
    $query->execute();

    $results = $query->fetchAll(PDO::FETCH_ASSOC);

    echo $json_response = json_encode($results);

?>

<div class="container" id="visualization" ng-repeat="event in events">

            <div class="row">
                <div ng-class-odd="'col-md-6 col-md-offset-6'" ng-class-even="'col-md-6'">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            {{event.day}} {{event.month}} {{event.year}}
                        </div>

                        <div class="panel-body">
                            {{event.description}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

查看文件

    <div class="container" id="visualization" ng-repeat="event in events">

        <div class="row">
            <div ng-class-odd="'col-md-6 col-md-offset-6'" ng-class-even="'col-md-6'">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        {{event.day}} {{event.month}} {{event.year}}
                    </div>

                    <div class="panel-body">
                        <span class="description" ng-bind-html="event.description | to_trusted"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

{{event.day}{{event.month}{{event.year}

添加过滤器：

.filter('to_trusted', ['$sce', function ($sce) {
    return function (text) {
        return $sce.trustAsHtml(text);
};

在html中

<div class="description" ng-bind-html="description | to_trusted"></div>

---

工作起来很有魅力！非常感谢你！