使用AngularJS ng-repeat输出HTML不会渲染BOLD字体

Question

我正在尝试输出一些工作正常的HTML，但大多数情况下都会删除一些样式。从下面的图像中你可以看到/ ul /工作正常并且在ng-repeat中渲染/ li / items很好但是BOLD字体没有下降。

我尝试更改样式并将其放在标题标记和段落中，但字体重量不起作用。

有什么理由？

Answer 1

您的输入正在通过ng-bind-html进行清理，并且它正在删除您的样式标记。如果您希望保留样式标记，则需要明确信任html代码段。

$scope.deliberatelyTrustDangerousSnippet = function(snippet) {
  return $sce.trustAsHtml(snippet);
};

然后

<span ng-bind-html="deliberatelyTrustDangerousSnippet(news.Text)"></span>

查看角度文档中的example。