gpt4 book ai didi

javascript - 使用 Angular 显示 JSON 中的 HTML

转载 作者:行者123 更新时间:2023-11-28 18:35:33 25 4
gpt4 key购买 nike

我是 Angular 的新手,我正在使用 ionic 制作应用程序。我无法在我的 View 中显示 JSON 中的 HTML。我搜索了以前的问题,但仍然不起作用。 html代码被写成文本..

我的代码

HTML

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

Json

"usuarios": [
{
"nombre": "Name 1",
"description":"<p>Some HTML</p><p>More HTML</p>",
"id": 0
},
{
"nombre": "Name 2",
"description":"<p>Some HTML</p><p>More HTML</p>",
"id": 1
}
]

Controller

.controller('UserCtrl', ['$scope', '$http', '$state', function($scope, $http, $state) {
$http.get('js/data.json')
.success(function(data){
$scope.data = data.usuarios[$state.params.id];
$scope.bindHTML = $sce.trustAsHtml(data.description);
});
}])

谢谢。

最佳答案

我实现了 plunker来说明这是如何工作的。我唯一没有包括的是你正在做的 ui.router $state 东西。

Controller

app.controller('MainCtrl', function($scope, $http, $sce) {
$http.get('data.json').success(function(data){
$scope.data = $sce.trustAsHtml(data.usuarios[0].descripcion);
});
});

查看

 <body ng-app="plunker" ng-controller="MainCtrl">
<p ng-bind-html="data"></p>
</body>

如果您尝试了标记为重复的线程中建议的内容,我不确定为什么您的将无法工作。这会让我相信它与 $state 依赖性有关,但如果没有看到完整的应用程序,很难判断。

关于javascript - 使用 Angular 显示 JSON 中的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37175737/

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