在 Django 中创建 angular 页面以使用来自 JSON 的数据

Question

在 angular 控制器中我有一个项目列表：

app.controller('MainController', ['$scope', function($scope) { 
    $scope.items = [
                    {"foo":"bar 1"},
                    {"foo":"bar 2"},
                    {"foo":"bar n"}
                   ]
}]);

以下 html 页面基于 angular，显示项目列表：

<!DOCTYPE html>
<html>
<head>
<title>list</title>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body data-ng-app="myApp">

<div data-ng-controller="MainController">
  <p>List of items:</p>
  <ul>
    <li data-ng-repeat="item in items">
      {{ item.foo }}
    </li>
  </ul>
</div>

</body>
</html>

如何在 Django 中集成 html 页面并将其绑定到 Django URL？

Answer 1

您可以将 angular 应用添加为 Django 中的简单模板视图

views.py

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

urls.py

....    
url(r'^your_url/$', views.index),
....

然后index.html文件可以有你的angular代码

在 Django 中创建 angular 页面以使用来自 JSON 的数据

Create angular page in Django to consume data from JSON

django

django-templates

angularjs