2016-10-02 62 views
0

如果我在index.html中的腳本標記中包含angularjs聲明,我可以加載項目的頁面。否則,不工作。angularjs django集成

應用/模板/應用/ index.html的

{% load staticfiles %} 

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

    </head> 

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

    </html> 

應用程序/靜態/ JavaScript的/ app.js

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

歡迎來到Stack Overflow!請查看我們的[SO問題清單](http://meta.stackoverflow.com/questions/260648/stack-overflow-question-checklist)來幫助你提出一個好問題,然後得到一個很好的答案。 –

+0

「不工作」如何? –

回答

0

在Chrome中安裝的插件角,當我加載頁面後,它顯示我這個錯誤。 「模塊已創建但未加載」。玩了一段時間之後,我認爲這是因爲我在加載angular.js之前加載了我的app.js。