覆盖Django中的AngularJS模板标记,之前的解决方案未正确配置

覆盖Django中的AngularJS模板标记,之前的解决方案未正确配置,angularjs,django,django-templates,templatetags,Angularjs,Django,Django Templates,Templatetags,在我的django应用程序中,我试图基于此答案覆盖{{}的角度标记,但我无法让它识别覆盖…在base.htm中,我有: {% block main_header %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

在我的django应用程序中,我试图基于此答案覆盖{{}的角度标记,但我无法让它识别覆盖…在base.htm中,我有:

{% block main_header %}
<!DOCTYPE html>
<html lang="en">
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Sitename</title>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet">
        <link href="{% static "screen.css" %}" media="screen, projection" rel="stylesheet" type="text/css" />
        <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script type="text/javascript">
            scheduleApp.config(function($interpolateProvider){
                $interpolateProvider.startSymbol('[[');
                $interpolateProvider.endSymbol(']]');
            });
            {% block js %}{% endblock %}
        </script>
    </head>
{% endblock %}
{%block main_头%}
站点名称
scheduleApp.config(函数($interpolateProvider){
$interpolateProvider.startSymbol(“[]”);
$interpolateProvider.endSymbol(']]');
});
{%block js%}{%endblock%}
{%endblock%}
在模板中,我有:

{% extends 'base.htm' %}

{% block body_block %}

<div ng-app="scheduleApp">

    <p>Input something in the input box:</p>
    <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>

    <h1>Hello
            {{ name }} [[ name ]]
    </h1>

</div>

{% endblock %}
{%extends'base.htm%}
{%block body_block%}
在输入框中输入一些内容:

姓名:

你好 {{name}}[[name]] {%endblock%}
我明白了


我知道它是如何忽略不存在的{{name}的,但是为什么这个覆盖不起作用呢?在输入中键入任何内容都不可见。谢谢你

不是答案:你有没有考虑过将AngularJS与django分离,并且不在django模板中提供AngularJS?解耦是可维护软件工程的核心。然后你可以把你的angularjs文件作为静态文件来托管。这可能是最好的方法。一般的想法是什么?它和这篇文章相似吗。我建议使用带有AngularJS的Django Rest框架。基本上,AngularJS应用程序是完全独立的,Django后端是一个美化的数据库包装器。然后,当AngularJS需要来自数据库的内容时,您可以执行ajax请求(
$http.get()
$http.post()
,等等),这会创建一个非常强大的前端/后端分离。由于您只通过ajax调用与后端进行通信,因此它提供了实现其他前端客户机的可能性。iOS、Android、桌面、arduino(我的一个系统确实有arduino传感器,可以通过HTTP POST更新服务器。