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

Question

我使用ng-bind-html并显示成功数据，但我想只显示文字，而不是显示带样式的数据，因为它毁了我的布局：

数据是内容的注释：<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 */
}