2016-05-10 1 views
1

Je suis nouveau à Angular JS, en essayant de développer une petite application sur les calculs. Mon code est le suivant »Les fichiers Javascript ne sont pas en cours de chargement

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

J'ai les fichiers Javascripts disponibles dans mon projet, Quand je lance l'application, la console du navigateur indique que la JS ne sont pas en cours de chargement. Je ne sais pas pourquoi! Le expression {{Nombre1 + Number2}} est le même dans le navigateur Il n'exécute pas l'expression

la console du navigateur a des erreurs suivantes:.

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

Cela signifie que le chemin est erroné. Assurez-vous que vous avez un dossier "scripts" dans le même dossier que votre fichier HTML qui a "angular.js" et "angular-route.js". –

+0

quel est le chemin indiqué par l'erreur? C'est là que ça regarde ... – JordanHendrix

+0

Hey @MikeC, tu as raison. J'ai traîné les fichiers sur ma page html. Mais le chemin généré automatiquement des fichiers de script est erroné. J'ajoute "/" devant le chemin qui a corrigé l'erreur. Merci –

Répondre

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

Vous ne chargez pas angular.js et angular-route.js correctement, vérifiez vos chemins.

+0

J'ajoute "/" devant le chemin qui a corrigé l'erreur. Merci –

1

Votre structure de projet doit ressembler à

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

Si vous utilisez

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

J'ajoute "/" devant le chemin qui a corrigé l'erreur. Merci –

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

S'il vous plaît noter que vous devrez peut-être désactiver adblocks si nécessaire. Glisser-déposer dans Visual Studio ne fonctionne pas si vous utilisez des pages HTML mais cela fonctionne pour mvc, asp.netwebforms. Je l'ai compris après une heure