首页 > angularjs ng-bind-html如何插入整段HTML

angularjs ng-bind-html如何插入整段HTML

$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
        };
    })
<div class="u-formatedText" ng-bind-html="page.content"></div>

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


插入整段HTML使用的是ng-include而不是ng-bind或者ng-bind-template;我这里写的有一个例子,你可以看看,demo。当然你也可以使用$templateCache服务来实现你想要的结果。


第一眼看错了,原来是ng-bind-html,我还以为是ng-bind-template,使用ng-bind-html之前,要引入ngSanitize模块,不然会报错的,官方示例在这里ngBindHtml,你可以看看。

【热门文章】
【热门文章】