angularjs - 在 angularJS 中，如何将包含标记的模型呈现为标记(未转义)

Question

我试图通过 Angular 过滤器调用摊牌来制作带有预览的 Markdown 编辑器

<textarea ng-model="data.text"></textarea>
<div class="preview">{{data.text|markdown}}</div>

我设法即时将 markdown 标记转换为 html，但是当呈现在屏幕上时，实际输出是这样的:

<h1 id="thisisaheader">This is a header</h1>

看起来结果标记被转义了。我如何使其未转义？

Answer 1

你需要使用ng-bind-html-unsafe:

<div class="preview" ng-bind-html-unsafe="data.text|markdown"></div>

由您来保证内容是可信的。

如果您碰巧使用的是 Angular 1.2 RC1，那么您应该使用 ng-bind-html 以及新的 Strict Contextual Escaping服务(简称$sce)。