javascript - filter_var 之后的 html_entity_decode 未按预期工作

Question

我想我遇到了 html_entity_decode 的问题，这可能有一个我还没有找到的简单解决方案。这是我的问题，我有这个字符串:

L'evento dell'anno

当我保存到数据库中时，会使用 filter_var($input,FILTER_SANITIZE_STRING); 进行过滤并输出:

L'evento dell'anno

现在，当我直接从页面内的 PHP 检索它时，我不需要任何编码/解码函数，并且文本按预期显示，正如我最初编写的那样，但是，当我从 AngularJS(版本 1)加载它时)$http.get()它不会替换字符，如果我打印对象值，我会看到所有这些 HTML 实体(我认为它们是，我不确定)。

这是我的 AngularJS 代码部分:

$http.get(php_data.ajax_url, {
    params: {
        action: 'get-sostenitore',
        get_id: show_id
    }
}).then(function (response) {
    // Handle data
});

// Handle data部分仅打印结果，仅此而已。

没用，所以我添加了这个 PHP 部分:

$decoded_vars = array_map(function ($val) {
    return html_entity_decode($val, ENT_COMPAT,'UTF-8');
}, get_object_vars($object));

也不起作用。
我试过htmlentities_decode也是，mb_convert_encoding($val,'UTF-8','HTML-ENTITIES') ，但也转换特殊字母(à、è 等...)。

我在 StackOverflow 上搜索了大约 2 个小时，找到了一些结果，例如 this , this ，或this (我在 SA 上找到了另一个完整的编码/解码指南，但我没有再找到它)，但他们都没有解决我的问题。
有趣的是，我尝试将我的字符串粘贴到此 online tool 上并且显示正确。
这可能是 AngularJS 的问题吗？我对此感到很生气，但我确信它有一个非常简单的解决方案

更新

即使我已经解决了我的问题，我认为这是一个与PHP相关的问题，而不是JS，但我实际上错了，所以我会更新AngularJS部分通过展示我如何使用我获得的数据:

JS代码

app.controller('eventController', ['$http', '$scope', '$httpParamSerializerJQLike', '$interval', 'ngDialog', function ($http, $scope, $httpParamSerializerJQLike, $interval, ngDialog) {
    var event = this;
    $http.get(php_data.ajax_url, {
        params: {
            action: 'get-event',
            get_id: show_id
        }
    }).then(function (response) {
        // Handle data
        if(response.status === 200){
            var data = response.data;
            ngDialog.open({
                className: 'ngdialog-theme-default',
                data: data,
                controller: 'dialogEventi'
                controllerAs: 'evView'
            });
        }
    });

}]);

app.controller('dialogEventi', ['$http', '$scope', '$interval', '$httpParamSerializerJQLike', function ($http, $scope, $interval, $httpParamSerializerJQLike) {
    var evView = this;
    evView.loadedItem = $scope.ngDialogData;
}]);

弹出代码

<div id="show-event" class="bpopup-popup">
    <div class="popup-head">
        <h2>Visualizza evento</h2>
    </div>
    <div class="popup-body clearfix">
        <div>
            <div class="form-group" ng-show="evView.loadedItem.titolo">
                <label>Titolo:</label>
                {{evView.loadedItem.titolo}}
            </div>
            <div class="form-group" ng-show="evView.loadedItem.descrizione">
                <label>Descrizione:</label><br/>
                {{evView.loadedItem.descrizione}}
            </div>
            <div class="form-group" ng-show="evView.loadedItem.dataora">
                <label>Data:</label>
                {{evView.loadedItem.dataora}}
            </div>
            <div class="form-group" ng-show="evView.loadedItem.luogo">
                <label>Luogo:</label>
                {{evView.loadedItem.luogo}}
            </div>
            <div class="form-group" ng-show="evView.loadedItem.indirizzo">
                <label>Indirizzo:</label>
                {{evView.loadedItem.indirizzo}}
            </div>
        </div>
    </div>
</div>

Answer 1

因此 Angular {{}} 或 ng-bind 仅显示文本。您可以在浏览器中非常简单地转换 html 实体，方法是创建 dom 元素，将字符串作为 html 插入并将其作为文本检索。

// simple helper function
function decode_entities(str){
  return angular.element('<div>').html(str).text()
}

这可以用作 Angular 过滤器或接收数据时的前身

data.forEach(function(item){
     item.description  = decode_entities(item.description);
});