打印从角度js数据库加载的html数据

问题描述：

我有一个数组从数据库加载的JSON对象。每个对象中都有一个关键字html内容。打印从角度js数据库加载的html数据

我想在我的视图中显示这些内容以及其他所有内容。我使用ng-html-bind，因为我在我的控制器中有$sce依赖项。如果我把一个字符串像<h1>Trusted html</h1>那样工作。但不适合我的内容。

我真正想要的是如果我把这些内容像$scope.htmlContent = $sce.trustAsHtml(data.content);它应该工作和循环所有这些在我看来他们属于。但它不工作。

我也制作了另一个数组，单独推送了所有这些内容材料，但当我通过它们时$sce.trustAsHtml(trustMe);出现问题。

-----------------------------------编辑---------- -------------------------------

这是我的对象：

[Object, Object, Object, Object, Object, Object, Object, Object, Object] 

: 
Object 
8 
: 
Object 
$$hashKey 
: 
"object:22" 
content 
: 
"<h2>Test data.</h2> 
↵" 
created_at 
: 
"2016-08-12 14:12:35" 
id 
: 
9 
name 
: 
"Test" 
points 
: 
4 
semester 
: 
"Eagle Nest" 
semester_id 
: 
6 
status 
: 
0 
subject 
: 
"Android" 
subject_id 
: 
6 
updated_at 
: 
"2016-08-12 14:12:35" 
user_id 
: 
1 
__proto__ 
:

我查看

<div class="panel panel-default" ng-repeat="quiz in quizzes"> 
       <div class="panel-body"> 
       @ quiz.semester @ <span class="pull-right">Subject: @ quiz.subject @ </span> 
       <hr class="blur-line"> 
       <p class="list-group-item-text list-item"> 
       <i class="fa fa-long-arrow-right"></i> @ quiz.name @ 
       </p> 
       <p class="details" ng-bind-html="MytrustedHtml"></p> 

       </div> 
      </div>

控制器

$scope.MytrustedHtml = $sce.trustAsHtml(data.content);

任何理由，你不使用你的项目'NG-repeat'？这里是我通常如何做的一个例子：https://jsfiddle.net/ahmadabdul3/hp8sbzwf/25/ –

你可能会分享代码吗？ Jsfiddle会很棒 –

这是一个JSON对象数组还是一个对象数组？另外，ng-html-bind不存在，ng-bind-html会。 – mguimard

答

过滤器可能是更好的管理方法。

.filter('rawHtml', ["$sce", function($sce) { 
    return function(input) { 
     return $sce.trustAsHtml(input); 
    }; 
}]);

而在标记

<p ng-bind-html="MytrustedHtml | rawHtml"></p>

谢谢。有效。 –

打印从角度js数据库加载的html数据

相关推荐