如何在Angularjs中将json响应显示为代码而不是字符串

How to show json response as code not as a string in Angularjs?

本文关键字：代码 字符串 显示 响应 Angularjs 中将 json      更新时间：2023-09-26

我从数据库得到我的文章作为json对象。在这个json中，我有我的文章数据，如标题和正文。我可以显示它在html页面的{{title}}，但我的问题是关于身体。body包含HTML代码，但angular将其显示为两个引号之间的字符串。我怎么解它?

Angular控制器代码:

myApp.controller("articlePageController" , function($scope , $http        ,$location , $routeParams){
$http.get("/getArticle")
    .success(function(data) {
        $scope.body = data["article"]["body"];
        $scope.title = data["article"]["title"];
    })
    .error(function(data){
        console.log("no");
        $scope.currentArticle = data;
    });
});
Html视图:

<h2>{{title}}</h2>
<p>{{body}}</p>
结果:

 <p><iframe src="https://www.youtube.com/embed/9aOuF0-1KKY" width="560" height="315" frameborder="0" allowfullscreen=""></iframe></p>

结果中的HTML代码不作为HTML代码工作结果图像:在这里输入图像描述此处输入图像描述

使用ngBindHtml

<p ng-bind-html="body"></p>

需要使用ng-bind-html来显示html内容。https://docs.angularjs.org/api/ng/directive/ngBindHtml

相关文章：