Angularjs样式/突出显示ng-bind-html中的代码块

Question

为了学习Angualr.js，我尝试使用插件WP REST API收集Wordpress帖子，并以正确的格式将其显示在模板上。我使用sanitize和ng-bind-html显示了正确的方法。

但是，我最初在帖子中突出显示了代码块（使用WP Code Prettify）。例如：

问题是如何使用ng-bind-html让原始帖子看起来像上图？或者还有另一种更有效的方法吗？

Answer 1

您应该尝试使用$ sce将帖子内容标记为可信。

示例：

    .controller('CtrlName', function($scope, $http, $sce) {
    $http.get('wp-json/pages/pageSlug').success(function(res){
        $scope.page = res;
        $scope.page.content = $sce.trustAsHtml(res.content);
    });
})