我想在 Django 中使用 AngularJS，但是它们都使用 {{ }} 作为模板标签。有没有一种简单的方法可以将两者之一更改为使用其他自定义模板标签？
【问题讨论】：
templates 目录渲染一个模板，其余的我放在static 中。这样你就不会受到干扰。我在这里写了一个教程：coderwall.com/p/bzjuka/…
标签： javascript django django-templates angularjs
对于 Angular 1.0，您应该使用 $interpolateProvider api 来配置插值符号：http://docs.angularjs.org/api/ng.$interpolateProvider。
这样的事情应该可以解决问题：
myModule.config(function($interpolateProvider) {
$interpolateProvider.startSymbol('{[{');
$interpolateProvider.endSymbol('}]}');
});
记住两点：
{{ }} 的第三方指令（组件），那么您的配置将破坏它们。 (fix pending)虽然对于第一个问题我们无能为力，除了警告人们，我们确实需要解决第二个问题。
【讨论】：
$interpolateProvider.startSymbol('{[{').endSymbol('}]}');
你可以试试verbatim Django 模板标签 并像这样使用它：
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
{% verbatim %}
<div ng-app="">
<p>10 is {{ 5 + 5 }}</p>
</div>
{% endverbatim %}【讨论】：
json_script 内置模板标签。这将创建一个具有给定 ID 的 <script /> 标记，然后您可以将其加载到您的 javascript 中，而无需注入向量。
如果您正确地分离了页面的各个部分，那么您可以轻松地在“原始”标签范围内使用 angularjs 标签。
在jinja2中
{% raw %}
// here you can write angularjs template tags.
{% endraw %}
在 Django 模板中（1.5 以上）
{% verbatim %}
// here you can write angularjs template tags.
{% endverbatim %}
【讨论】：
我们在 Django 'ng' 中创建了一个 非常 简单的过滤器，可以轻松地将两者混合：
foo.html:
...
<div>
{{ django_context_var }}
{{ 'angularScopeVar' | ng }}
{{ 'angularScopeFunction()' | ng }}
</div>
...
ng 过滤器如下所示：
from django import template
from django.utils import safestring
register = template.Library()
@register.filter(name='ng')
def Angularify(value):
return safestring.mark_safe('{{%s}}' % value)
【讨论】：
所以我今天在 Angular IRC 频道中得到了一些很大的帮助。事实证明，您可以非常轻松地更改 Angular 的模板标签。以下必要的 sn-ps 应包含在您的角度包含之后（给定的示例出现在他们的 mailing lists 上，并将使用 (()) 作为新的模板标签，代替您自己的标签）：
angular.markup('(())', function(text, textNode, parentElement){
if (parentElement[0].nodeName.toLowerCase() == 'script') return;
text = text.replace(/\(\(/g,'{{').replace(/\)\)/g, '}}');
textNode.text(text);
return angular.markup('{{}}').call(this, text, textNode, parentElement);
});
angular.attrMarkup('(())', function(value, name, element){
value = value.replace(/\(\(/g,'{{').replace(/\)\)/, '}}');
element[0].setAttribute(name, value);
return angular.attrMarkup('{{}}').call(this, value, name, element);
});
另外，有人指出即将推出的增强功能将公开startSymbol 和endSymbol 属性，这些属性可以设置为您想要的任何标签。
【讨论】：
我投票反对使用双括号 (()) 作为模板标签。只要不涉及函数调用，它就可以正常工作，但是尝试以下方法时
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(']>');
});
【讨论】：
(())，我只是希望能够配置分隔符。
我发现下面的代码很有帮助。我在这里找到了代码：http://djangosnippets.org/snippets/2787/
"""
filename: angularjs.py
Usage:
{% ng Some.angular.scope.content %}
e.g.
{% load angularjs %}
<div ng-init="yourName = 'foobar'">
<p>{% ng yourName %}</p>
</div>
"""
from django import template
register = template.Library()
class AngularJS(template.Node):
def __init__(self, bits):
self.ng = bits
def render(self, ctx):
return "{{%s}}" % " ".join(self.ng[1:])
def do_angular(parser, token):
bits = token.split_contents()
return AngularJS(bits)
register.tag('ng', do_angular)
【讨论】：
<p>{% ng location %}</p> 它会呈现为{{location}} - 是的，带有花括号！它不会呈现在我的控制器中硬编码的 $scope.location 的值。知道我错过了什么吗？
你总是可以使用 ng-bind 而不是 {{ }} http://docs.angularjs.org/api/ng/directive/ngBind
<span ng-bind="name"></span>
【讨论】：
如果您使用 django 1.5 及更新版本：
{% verbatim %}
{{if dying}}Still alive.{{/if}}
{% endverbatim %}
如果您在 appengine 上被 django 1.2 卡住，请使用这样的逐字模板命令扩展 django 语法 ...
from django import template
register = template.Library()
class VerbatimNode(template.Node):
def __init__(self, text):
self.text = text
def render(self, context):
return self.text
@register.tag
def verbatim(parser, token):
text = []
while 1:
token = parser.tokens.pop(0)
if token.contents == 'endverbatim':
break
if token.token_type == template.TOKEN_VAR:
text.append('{{')
elif token.token_type == template.TOKEN_BLOCK:
text.append('{%')
text.append(token.contents)
if token.token_type == template.TOKEN_VAR:
text.append('}}')
elif token.token_type == template.TOKEN_BLOCK:
text.append('%}')
return VerbatimNode(''.join(text))
在您的文件中使用：
from google.appengine.ext.webapp import template
template.register_template_library('utilities.verbatim_template_tag')
来源： http://bamboobig.blogspot.co.at/2011/09/notebook-using-jquery-templates-in.html
【讨论】：
from django import template 更改为：from google.appengine._internal.django import template 然后，在我的主文件中，只需更改文件名：template.register_template_library('utilities.verbatim_template_tag')
您可以使用{% templatetag %} 标签告诉 Django 输出{{ 和}}，以及其他保留的模板字符串。
例如，使用{% templatetag openvariable %} 将输出{{。
【讨论】：
我会坚持使用 django 标签 {{}} 和 angularjs {{}} 以及逐字部分或模板标签的解决方案。
这仅仅是因为您可以通过 $interpolateProvider.startSymbol $interpolateProvider.endSymbol 更改 angularjs 的工作方式（如前所述），但是如果您开始使用其他 angularjs 组件，例如 ui-bootstrap，您会发现一些模板已经使用标准 angularjs 标签 {{ }} 构建。
例如查看https://github.com/angular-ui/bootstrap/blob/master/template/dialog/message.html。
【讨论】：
如果您进行任何服务器端插值，唯一正确的方法是使用<>
$interpolateProvider.startSymbol('<{').endSymbol('}>');
其他任何东西都是 XSS 向量。
这是因为用户可以将任何未被 Django 转义的 Angular 分隔符输入到插值字符串中；如果有人将他们的用户名设置为“{{evil_code}}”，Angular will happily run it。但是，如果您使用 character than Django escapes，则不会发生这种情况。
【讨论】：