angular.js - angularjs ng-bind-html如何插入整段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>

我在Content里面写已经写好的指令,然后输出结果是只有一个标签,里面没有内容

Answer 1

ng-bind または ng-bind-templateの代わりに ng-include を使用して HTML 全体を挿入します。 >; ここに例を書いていますので、デモを見てください。もちろん、$templateCache サービスを使用して、必要な結果を達成することもできます。 HTML使用的是ng-include而不是ng-bind或者ng-bind-template；我这里写的有一个例子，你可以看看，demo。当然你也可以使用$templateCache服务来实现你想要的结果。

---

第一眼看错了，原来是ng-bind-html，我还以为是ng-bind-template，使用ng-bind-html之前，要引入ngSanitize

一見間違っているように見えましたが、ng-bind-html であることが判明したので、ng-bind-template を使用しました。 ng-bind. -htmlその前に、ngSanitize モジュールを導入する必要があります。そうしないと、エラーが報告されます。ngBindHtml を参照してください。 #🎜🎜#