Создать угловую страницу в Django для использования данных из JSON

В угловом контроллере у меня есть список предметов:

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>

Как я могу интегрировать эту HTML-страницу в Django и связать ее с URL-адресом Django?

Источник

1 ответ

Решение

Вы можете добавить угловое приложение в виде простого шаблона в Django.

views.py

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

urls.py

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

Тогда в файле index.html может быть ваш угловой код

Источник
Другие вопросы по тегам