問題描述

$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里面寫已經(jīng)寫好的指令,然后輸出結(jié)果是只有一個(gè)標(biāo)簽,里面沒有內(nèi)容

問題解答

插入整段HTML使用的是ng-include而不是ng-bind或者ng-bind-template；我這里寫的有一個(gè)例子，你可以看看，demo。當(dāng)然你也可以使用$templateCache服務(wù)來實(shí)現(xiàn)你想要的結(jié)果。

第一眼看錯(cuò)了，原來是ng-bind-html，我還以為是ng-bind-template，使用ng-bind-html之前，要引入ngSanitize模塊，不然會(huì)報(bào)錯(cuò)的，官方示例在這里ngBindHtml，你可以看看。