使用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而不是$