angular.js - 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}; })

<p ng-bind-html='page.content'></p>

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

问题解答

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

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