angulaire.js - angulairejs ng-bind-html comment insérer l'intégralité du code HTML

Question

$scope.pages = [{
            title: '信息',
            content: 'detailMessage'
        }, {
            title: '集装箱/车',
            content: 'dddd'
        }, {
            title: '货物',
            content: 'eee'
        }, {
            title: '记录',
            content: 'fff'
        }];

.directive('detailMessage', function() {
        return {
            restrict: 'EC',
            templateUrl: 'views/partials/message.html',
            transclude: true,
            replace: true
        };
    })

<p class="u-formatedText" ng-bind-html="page.content"></p>

J'ai écrit les instructions déjà écrites dans Contenu, puis le résultat de sortie était qu'il n'y avait qu'une seule balise sans contenu

Answer 1

Insérez le paragraphe entier HTML en utilisant ng-include au lieu de ng-bind ou ng-bind-template ; j'ai un exemple écrit ici, vous pouvez jeter un oeil à la démo. Bien entendu, vous pouvez également utiliser le service $templateCache pour obtenir les résultats souhaités.

---

avait tort à première vue. Il s'est avéré que c'était ng-bind-html Je pensais que c'était ng-bind-template Avant d'utiliser ng-bind-html, vous devez introduire le module ngSanitize, sinon une erreur sera signalée. l'exemple est ici ngBindHtml.