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

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);
    });
})