ほとんどの場合、正常に機能している HTML を出力しようとしていますが、スタイリングの一部が取り除かれています。以下の画像から、/ul/ が正常に機能し、ng-repeat で /li/ アイテムが正常にレンダリングされていることがわかりますが、BOLD フォントはダウンしていません。
スタイルを変更してヘッダータグと段落内に配置しようとしましたが、フォントの太さが機能しません。
何か理由は?
ほとんどの場合、正常に機能している HTML を出力しようとしていますが、スタイリングの一部が取り除かれています。以下の画像から、/ul/ が正常に機能し、ng-repeat で /li/ アイテムが正常にレンダリングされていることがわかりますが、BOLD フォントはダウンしていません。
スタイルを変更してヘッダータグと段落内に配置しようとしましたが、フォントの太さが機能しません。
何か理由は?
入力は ng-bind-html によってサニタイズされており、スタイル タグが取り除かれています。スタイル タグを残したい場合は、HTML スニペットを明示的に信頼する必要があります。
$scope.deliberatelyTrustDangerousSnippet = function(snippet) {
return $sce.trustAsHtml(snippet);
};
それで
<span ng-bind-html="deliberatelyTrustDangerousSnippet(news.Text)"></span>
angular docsの例を確認してください。