如果你正确地分离了页面的各个部分，那么你可以很容易地在“raw”标签范围内使用angularjs标签。

在jinja2

{% raw %}
    // here you can write angularjs template tags.
{% endraw %}

在Django模板中(1.5以上)

{% verbatim %}    
    // here you can write angularjs template tags.
{% endverbatim %}

我投票反对使用双括号(())作为模板标签。只要不涉及函数调用，它就可以很好地工作，但当尝试以下方法时

ng:disabled=(($invalidWidgets.visible()))

在Mac上使用Firefox(10.0.2)时，我得到了一个非常长的错误，而不是预期的逻辑。<[]>对我来说很顺利，至少到目前为止。

编辑2012-03-29: 请注意，$invalidWidgets已弃用。然而，我仍然会使用另一种包装而不是双括号。对于任何高于0.10.7的angular版本(我猜)，你可以在应用/模块定义中更容易地更改包装器:

angular.module('YourAppName', [], function ($interpolateProvider) {
    $interpolateProvider.startSymbol('<[');
    $interpolateProvider.endSymbol(']>');
}); 

API文档。

你可以试试逐字逐句的Django模板标签 像这样使用它:

< script src = " https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js " > < /脚本> {% verbatim %} < div ng-app = " " > <p>10是{{5 + 5}}</p> < / div > {% endverbatim %}

我会坚持使用一个解决方案，既使用django标签{{}}，也使用angularjs{{}}，并使用一个逐字section或templatetag。

这只是因为你可以通过$interpolateProvider改变angularjs的工作方式(如上所述)。startSymbol interpolateProvider美元。但是如果你开始使用其他angularjs组件，比如ui-bootstrap，你会发现一些模板已经用标准angularjs标签{{}}构建了。

例如，查看https://github.com/angular-ui/bootstrap/blob/master/template/dialog/message.html。

对于Angular 1.0，你应该使用$interpolateProvider api来配置插值符号:http://docs.angularjs.org/api/ng.$interpolateProvider。

像这样的东西应该可以达到目的:

myModule.config(function($interpolateProvider) {
  $interpolateProvider.startSymbol('{[{');
  $interpolateProvider.endSymbol('}]}');
});

请记住两件事:

混合服务器端和客户端模板很少是一个好主意，应该谨慎使用。主要问题是:可维护性(难以阅读)和安全性(双插值可能会暴露一个新的安全向量——例如，服务器端和客户端模板本身的转义可能是安全的，但它们的组合可能不安全)。 如果你开始使用在模板中使用{{}}的第三方指令(组件)，那么你的配置将破坏它们。(修复等待)

虽然我们对第一个问题无能为力，除了警告人们，但我们确实需要解决第二个问题。

如果执行任何服务器端插值，唯一正确的方法是使用<>

$interpolateProvider.startSymbol('<{').endSymbol('}>');

其他任何向量都是XSS向量。

这是因为任何没有被Django转义的Angular分隔符都可以被用户输入到插入的字符串中;如果有人将他们的用户名设置为“{{evil_code}}”，Angular会很乐意运行它。但是，如果您使用的字符没有被Django转义，则不会发生这种情况。