2016-05-10 13 views
1

Ich bin neu in Angular JS, versucht, wenig Anwendung auf Berechnungen zu entwickeln. My-Code ist wie folgt“Javascript-Dateien werden nicht geladen

<!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> 

ich die Javascripts Dateien in meinem Projekt zur Verfügung haben, wenn ich die app laufen, zeigt der Browser-Konsole, dass die JS werden nicht geladen. Sie wissen nicht, warum! Die Ausdruck {{Number1 + Number2}} ist das gleiche in Browser Es ist nicht der Ausdruck Ausführung

die Browser-Konsole verfügt über folgende Fehler:.

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

Das bedeutet, der Pfad ist falsch. Stellen Sie sicher, dass Sie einen "scripts" -Ordner im selben Ordner wie Ihre HTML-Datei mit "angular.js" und "angular-route.js" haben. –

+0

Welchen Pfad zeigt der Fehler? das ist, wo es aussieht ... – JordanHendrix

+0

Hey @MikeC, Du hast Recht. Ich habe die Dateien auf meine HTML-Seite gezogen. Aber der automatisch generierte Pfad der Skriptdateien ist falsch. Ich füge "/" vor dem Pfad hinzu, der den Fehler behoben hat. Danke –

Antwort

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

Sie laden angular.js und angular-route.js nicht richtig, überprüfen Sie Ihre Pfade.

+0

Ich füge hinzu "/" vor dem Pfad, der den Fehler behoben hat. Danke –

1

Ihre Projektstruktur hat wie

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

aussehen Wenn Sie

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

Ich füge "/" vor dem Pfad hinzu, der den Fehler behoben hat. Vielen Dank –

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

Bitte beachten Sie, müssen Sie möglicherweise adblocks bei Bedarf deaktivieren. Drag and Drop in Visual Studio funktioniert nicht, wenn Sie HTML-Seiten verwenden, aber es funktioniert für mvc, asp.netwebforms. Ich dachte das nach einer Stunde

Verwandte Themen