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

Question

为了学习Angualr.js，我尝试收集一个Wordpress文章，使用插件WP并以正确的格式在模板上显示它。我已经有文章显示正确的方式使用消毒和ng-绑定-html。

​

​

然而，有些代码块是我最初在文章中突出显示的(使用WP代码美化)。例如：

​

​

问题是如何让原始帖子看起来像上面的图像，使用ng-bind？或者还有另外一种更有效的方法来做到这一点？

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