使用ng-bind-html在Angular.js中制作博客文章的html预览

Question

我有一个帖子列表，可以很好地加载每个帖子的全部内容。 html帖子内容是数据库列中的字符串。 现在，我想在所需位置创建一个更多阅读链接，并且仅在列表（HTML内容的一部分）中显示帖子预览。 为此，我在帖子中写了一条评论，这是为了预览而剪切内容的关键。

在ng-bind-html加载内容之前如何处理内容？ 我需要检测第一个注释并清理内容html文档。 我正在用jquery进行测试，但我想知道如何以有角度的方式进行测试。

我认为ng-bind-html表达式中的过滤器可以完成这项工作。 但是我现在不知道如何操作过滤器中的html字符串。 像jquery语法一样进行操作，因为我需要删除很多标签并做一些事情。

<script>
    $(function() {
        var com = $("*")
           .contents()
           .filter(function(){ return this.nodeType == 8;})
           .first();
        com.nextAll().remove();
    });
</script>

谢谢

Answer 1

您可以添加一个将在ng-bind-html期间执行的函数，并使用sanitize服务$sce来访问您的字符串。 请参阅有关$sanitise服务的详细信息 。

在ng-bind-html内部，您可以使用jqlite和本机javascript（通过使用$document包装器）来操作DOM。 如果操作太复杂，我将直接使用jquery。 为此，您只需要在 index.html中的angular之前添加它，并使用angular.element而不是$