angularjs - 在 angularJS 中，如何将包含标记的模型渲染为标记（未转义）

Question

我试图通过角度过滤器调用摊牌制作一个带有预览的降价编辑器

<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简称）一起使用。