2016-10-27 8 views
0

がheader.htmlでここ

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 

<!-- Angular Includes --> 

<script type="text/javascript" src="{% static 'js/myHeader.module.js' %}"></script> 

<body ng-app="myHeader"> 
    <div ng-controller="HeaderController"> 
      <h1>{{message}}</h1> 
    </div> 
</body> 

がmyHeader.module.js

var myHeader = angular.module('myHeader', []); 

myHeader.controller('HeaderController' , ['$scope', function($scope){ 

    $scope.message = "hello"; 

}]) 

である私は、上記のモジュールファイルを使用しようとしていますが、それはスロー私のエラーの理由とどのように私は乗り越えることができますすることができるもの

Failed to instantiate module myHeader due to: 
Error: [$injector:nomod] http://errors.angularjs.org/1.5.6/$injector/nomod?p0=myHe... 
    at Error (native) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:6:412 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:25:235 
    at b (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:24:282) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:25:20 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:39:374 
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:7:355) 
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:39:222) 
    at db (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:43:246) 
    at c (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:21:19 

and also it is not able to include the js file...it says 404 not found though it is placed in the corresponding folder

それと?

+0

であることを確認しますすべてあなたのスクリプトの包含で、それが正しく呼び出すようにしてください.....私はあなたがいると思う –

+0

私は理解していません –

+0

あなたは、私が言っているのは、最初に....エラーが発生している可能性がありますこの..... ..... –

答えて

1

理由は別の場所にあるはずです。

var myHeader = angular.module('myHeader', []); 
 

 
myHeader.controller('HeaderController' , ['$scope', function($scope){ 
 

 
    $scope.message = "hello"; 
 

 
}])
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myHeader"> 
 
    <div ng-controller="HeaderController"> 
 
      <h1>{{message}}</h1> 
 
    </div> 
 
</body>

を作品コード提供の問題は確かにこのラインに

<script type="text/javascript" src="{% static 'js/myHeader.module.js' %}"></script> 

をリンクされている、あなたはその発言としてsrcが正しいもの

関連する問題