【问题标题】:Outputting HTML with AngularJS ng-repeat not rendering BOLD fonts使用AngularJS ng-repeat输出HTML不呈现粗体字体
【发布时间】:2014-05-22 19:40:19
【问题描述】:

我正在尝试输出一些运行良好的 HTML,大部分情况下,但其中一些样式正在被删除。从下面的图片中,您可以看到 /ul/ 工作正常,并且在 ng-repeat 中渲染 /li/ 项目正常,但 BOLD 字体没有下降。

我尝试更改样式并将其放在标题标签和段落中,但字体粗细不起作用。

有什么原因吗?

【问题讨论】:

  • 您能否发布您的代码和/或工作示例来演示该问题?

标签: angularjs angularjs-ng-repeat ng-bind-html


【解决方案1】:

您的输入正在被 ng-bind-html 清理,它正在剥离您的样式标签。如果您希望保留样式标签,则需要明确信任 html sn-p。

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

然后

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

查看 Angular 文档中的 example

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-23
    • 1970-01-01
    • 2014-03-14
    • 1970-01-01
    相关资源
    最近更新 更多