2016-05-10 10 views
1

私はAngular JSを初めて使っています。計算ではほとんどアプリケーションを開発しようとしていません。 「Javascriptがロードされていません。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <script src="scripts/angular.js"></script> 
    <script src="scripts/angular-route.js"></script> 
</head> 
<body> 
    <div ng-app="Calculator"> 
     <div ng-controller="Operations"> 
      <div> 
       Number 1 : <input type="number" ng-model="Number1" /> 
       Number 2: <input type="number" ng-model="Number2" /> 
       <p> 
        The addition of above two numbers is {{Number1+Number2}} 
       </p> 
      </div> 

     </div> 
    </div> 
    <script> 
     var module = angular.module('Calculator', []); 
     module.controller('Operations', function ($scope) { 
      $scope.Number1 = 1; 
      $scope.Number2 = 10; 
     }); 
    </script> 
</body> 
</html> 

を次のように マイコードは、私はアプリを実行すると、ブラウザのコンソールはJSがロードされていないことを示している。理由は分からない、私は私のプロジェクトで利用可能なジャバスクリプトファイルを持っている! 発現は、{{数値1 +数値2は}}ブラウザで同じでそれが発現

ブラウザコンソール有する次のエラー実行されていない:。

Failed to load resource:"Path to the Script file" the server responded with a status of 404 (Not Found)

Failed to load resource:"Path to the Script file" the server responded with a status of 404 (Not Found)

Uncaught ReferenceError: angular is not defined

+5

これはパスが間違っていることを意味します。 "angular.js"と "angular-route.js"を持つHTMLファイルと同じフォルダに "scripts"フォルダがあることを確認してください。 –

+0

エラーが示すパスは何ですか?それはその場所を探しています... – JordanHendrix

+0

ねえ@MikeC、あなたは正しいです。ファイルを自分のhtmlページにドラッグしました。しかし、スクリプトファイルの自動生成パスは間違っています。エラーを修正したパスの前に "/"を追加します。ありがとう –

答えて

4
<script src="scripts/angular.js"></script> 
<script src="scripts/angular-route.js"></script> 
を0

angular.jsとangular-route.jsが正しくロードされていないため、パスを確認してください。あなたは注意してください

<script src="scripts/angular.js"></script> 
<script src="scripts/angular-route.js"></script> 
+0

エラーを修正したパスの前に "/"を付けます。ありがとう –

1

あなたのプロジェクトの構造が

index.html 
scripts 
    |---angular.js 
    |---angular-route.js 

に見えるように持っている、あなたは、必要に応じてadblocksを無効にする必要があります。 HTMLページを使用していても、mvc、asp.netwebformsで動作する場合、Visual Studioのドラッグアンドドロップは機能しません。 1時間後にこれを考えました

+0

エラーを修正したパスの前に "/"を追加します。ありがとう –

0
<script src="/scripts/angular.js"></script> 
<script src="/scripts/angular-route.js"></script> 

を使用する場合は

関連する問題