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

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

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

这可以用作角度过滤器或在您接收数据时用作前驱

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

Answer 2

使用FILTER_SANITIZE_FULL_SPECIAL_CHARS

手册说它会做单引号和双引号。因为它会像htmlspecialchars() 但带有ENT_QUOTES。也许这就是你需要的。

Answer 3

经过几个小时的搜索，我找到了一个解决方案，即angular-sanitize，我找到了here。所以，为了解决我的问题，我刚刚添加了ngSanitize 作为模块依赖。

无论如何，感谢您的所有回答，我在每个问题中都发现了一些有趣的东西，我会牢记在心。