2016-10-02 5 views
0

index.htmlにscriptタグ内にangularjs宣言を含めると、アイテムでページを読み込むことができます。それ以外の場合は動作しません。angularjs django integration

アプリは/テンプレート/アプリ/ 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を/、

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

ようこそスタックオーバーフロー!良い質問をするのに役立つ[SO質問チェックリスト](http://meta.stackoverflow.com/questions/260648/stack-overflow-question-checklist)をよく読んでから、良い答えを得てください。 –

+0

「うまくいかない」とはどう? –

答えて

0

私はページをロードする際、クロムの上に角度のプラグインをインストールした後app.jsこのエラーが表示されます。 "モジュールは作成されましたが、ロードされませんでした"。しばらく再生した後は、angle.jsを読み込む前にapp.jsを読み込むためです。