【问题标题】: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。