javascript - Angular 和 django 无法加载 ng-bind

标签 javascript angularjs django

我有一个简单的 Angular 文件,它由django提供..我无法绑定(bind) Angular View .py

def home (request):
    return render(request,'index.html',{})

index.html

{% load staticfiles %}
<!DOCTYPE html>
<html>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <body>

        <div ng-app="">

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

        </div>

    </body>
</html>

虽然这很简单。我的 ng-model="name" 未与 Hello {{name}}

绑定(bind)

如果我将我的index.html单独加载为独立的html文件,它可以工作,但不适用于django

对此有何帮助,为什么会发生这种情况?

提前致谢

最佳答案

那是因为你的 html 文件在 Django 的范围内。要停用 Django 的 html 部分作用域,请使用 {% verbatim %}{% endverbatim %}:

{% verbatim %}
    <p>Input something in the input box:</p>
    <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
    <h1>Hello {{name}}</h1>
{% endverbatim %}

关于javascript - Angular 和 django 无法加载 ng-bind,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36110730/

相关文章:

javascript - ionic /Angular ng-click 选择输入

带有 django 自动完成灯的 django-filter

python - Django 和 Gunicorn 的异步任务

javascript - 从 .catch(error) 返回未在 Node/Express 中返回

javascript - 多次单击元素后未触发鼠标事件

javascript - 使用 <an> </a> 标签 onclick 在状态之间导航

javascript - 一个 View 的多个 Controller angularjs

python - 在删除同一 QuerySet 中的对象时迭代 Django QuerySet

javascript - 从 Canvas 合成创建图像

javascript - 在 HTML/JavaScript 中减去两个数字