angular.js - angularjs ng-bind-html cara memasukkan keseluruhan 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>

Saya menulis arahan yang telah ditulis dalam Kandungan, dan kemudian hasil keluarannya ialah terdapat hanya satu teg tanpa kandungan di dalamnya

Answer 1

Masukkan keseluruhan perenggan HTML menggunakan ng-include bukannya ng-bind atau ng-bind-template; Saya ada contoh yang ditulis di sini, anda boleh lihat demo. Sudah tentu, anda juga boleh menggunakan perkhidmatan $templateCache untuk mencapai hasil yang anda inginkan.

---

adalah salah pada pandangan pertama. Ia ternyata ng-bind-html Saya fikir ia adalah ng-bind-template, anda mesti memperkenalkan modul ng-bind-html, jika tidak, ralat akan dilaporkan contoh ada di sini ngBindHtml Anda boleh lihat. ngSanitize