Django没有与Angularjs合作

raf*_*b21 1 html django angularjs

当我angular.html用Chrome 打开文件angularjs时,html正常工作,显示表格中的信息数组.但是,当我使用Django时,相同的angular.html文件,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>
Run Code Online (Sandbox Code Playgroud)

文件views.py

from django.shortcuts import render_to_response

def ang(request):
    return render_to_response("angular.html")
Run Code Online (Sandbox Code Playgroud)

文件urls.py

from django.conf.urls import patterns, include, url

urlpatterns = patterns('',
    url(r'^angular/','bvmfconsulta.views.ang'),
)
Run Code Online (Sandbox Code Playgroud)

Django发现angular.html但显示空白页面.

ale*_*cxe 10

问题是Django和AngularJS共享模板中变量替换的相同语法.

最简单的选择是告诉Django不要在需要使用angularjs变量替换的地方使用它的语法 - 换句话说,使用verbatimtag:

{% 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 %}
Run Code Online (Sandbox Code Playgroud)

请参阅以下其他选项: