当我angular.html
使用Chrome打开angularjs文件时,html可以正常工作,并在表中显示信息数组。但是,当我使用相同的angular.html文件Django时,angularjs不会在表中显示信息数组。我不知道该怎么办?
文件angular.html
<html ng-app>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
<script>
function tabela($scope){
$scope.linhas2=[["Nexus S1","Oi1"],["Nexus S2","Oi2"],["Nexus S3","Oi3"]]
}
</script>
</head>
<body>
<div ng-controller="tabela">
<table>
<tr ng-model="item2" ng-repeat="item2 in linhas2">
<td ng-repeat="item3 in item2">{{ item3 }}</td>
</tr>
</table>
</div>
</body>
</html>
文件views.py
from django.shortcuts import render_to_response
def ang(request):
return render_to_response("angular.html")
文件urls.py
from django.conf.urls import patterns, include, url
urlpatterns = patterns('',
url(r'^angular/','bvmfconsulta.views.ang'),
)
Django找到angular.html
但显示空白页面。
问题在于Django和AngularJS在模板中共享变量替换的相同语法。
最简单的选择是告诉Django在需要使用angularjs变量替换的地方不要使用它的语法-换句话说,请使用verbatim
tag:
{% verbatim %}
<div ng-controller="tabela">
<table>
<tr ng-model="item2" ng-repeat="item2 in linhas2">
<td ng-repeat="item3 in item2">{{ item3 }}</td>
</tr>
</table>
</div>
{% endverbatim %}
请参阅其他选项:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句