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

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

---

第一眼看錯了，原來是ng-bind-html，我还以为是ng-bind-template，使用ng-bind-html之前，要引入ngSanitize模組，不然會報錯的，官方範例在這裡ngBindHtml，你可以看看。