如何使用 ng-bind-html 但禁用标签 <h1>、<b>... AngularJS

Question

我使用 ng-bind-html 并显示成功数据，但我只想显示文本，而不是显示带有 style 的数据，因为它破坏了我的布局：

数据是内容的注释：<h1>some text....</h1>

我的过滤器：

var myApp = angular.module("myModule", []);
myApp.filter('to_trusted', ['$sce', function ($sce) {
    return function (text) {
        return $sce.trustAsHtml(text);
    };
}]);

我的看法：

<p ng-bind-html="note.content.substr(0, 130) + '...' | to_trusted"></p>

Answer 1

简短回答：您可以将 css 类应用于 div，重置覆盖它的 html 标记格式化行为。例如：

<p class="ignore-html-tags" ng-bind-html="note.content.substr(0, 130) + '...' | to_trusted"></p

在你的 CSS 中：

.ignore-html-tags * {
  font-size: 10px !important;
  font-weight: normal !important;
  /* any other style overwrite */
}