angularjs django integration
<p>I can load the page with items if I include the angularjs declaration inside script tag in index.html. Otherwise, not working. </p>

<p>app/templates/app/index.html</p>

<pre><code>{% load staticfiles %}

    &lt;html&gt;
    &lt;head&gt;
        &lt;link rel="stylesheet" type="text/css" href="{% static "components/bootstrap/dist/css/bootstrap.css" %}"&gt;
        &lt;script type="text/javascript" src="{% static "javascript/app.js"%}"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="{% static "components/angular/angular.min.js"%}"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="{% static "components/angular-route/angular-route.js"%}"&gt;&lt;/script&gt;

    &lt;/head&gt;

    &lt;body ng-app="store"&gt;
      &lt;div ng-controller="ItemController"&gt;
        {% verbatim %}
        &lt;div class="panel" ng-repeat="item in items"&gt;
          &lt;p&gt;{{ item.id }}&lt;/p&gt;
        &lt;/div&gt;
      {% endverbatim %}
      &lt;/div&gt;
    &lt;/body&gt;

    &lt;/html&gt;
</code></pre>

<p>app/static/javascript/app.js</p>

<pre><code>angular.module('store', ['ngRoute'])
    .controller('ItemController', function($scope, $http) {
         $http.get('/api/items').success(function(data){
           $scope.items = data;
         });
    });
</code></pre>