阻止AngularJS编译包含html的textarea

Question

我有textarea包含html代码和一些模板 jinja2 指令。因此，您可能会猜到javascript在页面加载时崩溃，因为 Angular 会发现 jinja2 中的某些指令不合适（例如 {{variable}} ） 。我的意思是这些指令可能对Angular有效，但它们不是$ scope中的事件，类似于......

我将建议的Angular指令ngBindTemplate添加到textarea甚至div-wrapper，但这不起作用。

以下是浏览器的一些源代码：

<textarea id="body" name="body" ng-non-bindable="">&lt;!DOCTYPE html&gt;
&lt;html lang="ru"&gt;
&lt;head&gt;
    &lt;meta charset="utf-8" /&gt;

    &lt;link rel="icon" href="/static/images/favicon.ico" type="image/x-icon" /&gt;
    &lt;link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon" /&gt; 

    &lt;title&gt;{% block title %}Title{% endblock %}&lt;/title&gt;


    &lt;link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" /&gt;

    &lt;link rel="stylesheet" href="/static/css/styles.css" type="text/css" media="all" /&gt;
&lt;/head&gt;
&lt;body&gt;
.....
</textarea>

正如你所看到的那样，textarea中的html被转义，但似乎它对AngularJS毫无意义，并且它无论如何都会编译内容。