Angular 和 django 无法加载 ng-bind
Angular and django unable to load ng-bind
我有一个简单的角度文件,由django提供。我无法绑定角度views.py
def home (request):
return render(request,'index.html',{})
索引.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}}
绑定
如果我加载我的索引.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 %}
只需强制角度使用不同的大括号来表示角度表达式。
.config(function ($interpolateProvider) {
$interpolateProvider.startSymbol('{[');
$interpolateProvider.endSymbol(']}');
});
你的html代码应该是,
<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>
如果你这样做,你不需要一直添加逐字标签来停用 django 的范围。
相关文章:
- ng绑定和ng href问题.ng href未从控制器加载数据
- 用于在ng映射中加载GeoJSON的回调
- 有没有办法在AngularJS中强制重新加载递归ng-include
- 避免在用ng href加载样式表之前显示内容
- 隐藏元素直到加载完成(ng斗篷不是我需要的)
- Angular 和 django 无法加载 ng-bind
- 在 DOM 中动态重新加载 ng 重复数据
- 在AngularJs中无法加载ng-view
- Angular 不会加载 ng-admin
- 在加载ng选项之前更新模型时选择选项
- 重新加载ng重复,使用新数据
- 如何在AngularJS中重新加载ng include
- Ionic框架未加载ng模型变量
- 重新加载ng表不起作用
- 作用域变量ng-bind-html没有及时加载
- Angular/Javascript -重新加载ng-repeat的数据后更改类
- 如何加载ng-src取决于值
- 在加载ng-view模板失败时显示错误页面
- 如何从返回JSON的REST web服务加载ng表中的数据
- 未捕获的错误:即使在加载ng路线后也有角度