Angularjs Style/highlight ng-bind-html 中的代码块

Question

为了学习 Angualr.js，我正在尝试收集一个 Wordpress post，使用插件 WP REST API 并以正确的格式在模板上显示它.我有 post 显示使用 sanitize 和 ng-bind-html.

的正确方法

但是，post 中有我最初突出显示的代码块（使用 WP Code Prettify）。例如：

问题是如何使用 ng-bind-html 使原始 post 看起来像上图一样？还是有另一种更有效的方法来做到这一点？

Answer 1

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

示例：

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

Angularjs Style/highlight ng-bind-html 中的代码块

Angularjs Style/highlight code block within ng-bind-html

wordpress

angularjs

ng-bind-html