Javascript 显示JSON中的HTML

Javascript 显示JSON中的HTML,javascript,angularjs,json,ionic-framework,Javascript,Angularjs,Json,Ionic Framework,我是Angular的新手,我正在用ionic做一个应用程序。我无法在视图中显示JSON中的HTML。 我搜索了前面的问题,但仍然不起作用。html代码以文本形式编写 我的代码 HTML <div ng-bind-html="bindHTML"></div> 谢谢。我实现了一个示例来说明这是如何工作的。我唯一没有包括的是你正在做的ui.router$state的东西 控制器 .controller('UserCtrl', ['$scope', '$http', '$sta

我是Angular的新手,我正在用ionic做一个应用程序。我无法在视图中显示JSON中的HTML。 我搜索了前面的问题,但仍然不起作用。html代码以文本形式编写

我的代码

HTML

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

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

控制器

.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);
        });
}])
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依赖性有关,但如果不查看完整的应用程序,就很难说出来。

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

控制器

.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);
        });
}])
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依赖性有关,但如果没有看到完整的应用程序,就很难说出来。

重复的,正如我在问题中所说的,我尝试了这段代码,但它不起作用=(那么为什么没有显示在你的控制器或标记中?我不知道,我在过去3个小时里尝试使用不同的代码,什么都没有在代码中实现预处理器并显示你的工作,我会告诉你你做错了什么。重复的,正如我在问题中所说的,我尝试了这段代码,但它不起作用=(那么为什么没有显示在你的控制器或标记中?我不知道,在过去的3个小时里,我一直在尝试使用不同的代码,什么都没有。在你的代码中实现预处理器并显示你的工作,我会告诉你你做错了什么。谢谢你的回答。我尝试了,但没有成功。我把我所有的代码都放在了这个插件中。我在co中有一个列表。)munidad.html,当我连续单击时,我会转到user.html,在那里我显示data.description(来自每个用户的json)您的标记没有指向plunker中的正确内容…我更改了它们并在预览中显示了内容…
哦,对不起,我修复了url。请单击“Comunidad”选项卡。然后单击项目列表。在user.html中,您可以看到名称,但看不到描述。您的用户控制器缺少传入的“$sce”依赖项,并且它引用的是“数据”而不是“$scope.data”…
.controller('UserCtrl',['$scope','$http','$state','$sce',函数($scope,$http,$state){$http.get('js/data.json').success(函数(数据){$scope.data=data.usuarios[$state.params.id];$scope.bindHTML=$sce.trustAsHtml($scope.data.description);});}])
现在它可以工作了!!!非常感谢!!我是新来的,我仍然不太懂。谢谢你的时间!。如果我能为你做点什么,请给我写信。谢谢你的回答。我试过了,但没有成功。我把我所有的代码都放在这个插件中。我在comunidad.html中有一个列表,当我连续单击时,我会转到user.html,在那里我显示数据。descripption(来自每个用户的json)您的标记没有指向plunker中的正确内容…我更改了它们,预览中显示了这些内容…
哦,对不起,我修复了url。请单击“Comunidad”选项卡。然后单击项目列表。在user.html中,您可以看到名称,但看不到描述。您的用户控制器缺少传入的“$sce”依赖项,并且它引用的是“数据”而不是“$scope.data”…
.controller('UserCtrl',['$scope','$http','$state','$sce',函数($scope,$http,$state){$http.get('js/data.json').success(函数(数据){$scope.data=data.usuarios[$state.params.id];$scope.bindHTML=$sce.trustAsHtml($scope.data.description);});}])
现在可以了!!!非常感谢!!我是新来的,仍然不太懂。谢谢你的时间!如果我能为你做点什么,请给我写信。