gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 14:24:27 25 4
gpt4 key购买 nike

我想我遇到了 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>

最佳答案

因此 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);
});

关于javascript - filter_var 之后的 html_entity_decode 未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38398681/

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