AngularJS utilisant $ sce.trustAsHtml avec ng-repeat

Je suis en train d'utiliser $sce.trustAsHtml() à une propriété d'un objet en ng-repeat. Le résultat est que le code HTML est totalement vierge. Le HTML sorties correctement à l'aide de ngSanitize.

<div ng-repeat="question in questions">
    <p ng-bind-html="$sce.trustAsHtml(question.body)">
    </p>
</div>

Je suis sur AngularJS v1.3.0-beta.3. Vous ne savez pas si il y a un bug ou je fais quelque chose de mal.

source d'informationauteur ZoM | 2014-06-27

  1. 28

    Vous ne pouvez pas utiliser $sce.trustAsHtml dans une expression (à moins que $sce est une propriété de la $scope) parce que les expressions sont évaluées dans le contexte de la $scope.

    Le plus propre de l'approche est d'utiliser ngSanitize.

    La deuxième plus propre est d'exposer $sce.trustAsHtml une fonction dans le $scope:

    <div ng-repeat="...">
    <p ng-bind-html="trustAsHtml(question.body)"></p>
</div>

$scope.trustAsHtml = $sce.trustAsHtml;
  2. 14

    OU avoir un filtre:

    angular.module('myApp')
    .filter("sanitize", ['$sce', function($sce) {
        return function(htmlCode){
            return $sce.trustAsHtml(htmlCode);
        }
}]);

    en html:

    <div ng-bind-html="question.body | sanitize"></div>