Le code JS angulaire ne fonctionne pas

Je ne sais pas pourquoi, quand je fais un tutoriel AngularJS, cela ne fonctionne pas dans mon navigateur. Je suis nouveau à AngularJS. Toute idée serait géniale. J'ai 3 fichiers.Le code JS angulaire ne fonctionne pas

index.html:

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <title>First Angular App</title> 
     <script src="angular.js"></script> 
     <script src="app.js"></script> 
     <script src="core.js"></script> 
    </head> 
    <body> 
     <div id="main_div" ng-app='my_ang_app' ng-controller='first_div'> 
     {{message}} 
     </div> 
    </body> 
    </html>

app.js:

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

Core.js:

app.controller('first_div', function ($scope) { 
    $scope.message="Hello world from angular"; 
    });

Quand je l'ai aperçu dans le navigateur il montre {{message} }

Source

2016-07-21 Brent Nicolet

Quelles sont les erreurs dans la console? – developer033

Vérifiez vos chemins de fichier. –

Votre code angulaire et le code html correspondant sont syntaxiquement et sémantiquement corrects. Les seules choses que je peux supposer qui seraient erronées sont vos chemins de fichiers ou noms de fichiers. –

Vérifiez si le javascr Les fichiers ipt que vous avez référés sont chargés correctement et c'est toujours mieux si vous les référencez après avoir chargé la vue. Quelque chose comme ci-dessous,

<body> 
    <div id="main_div" ng-app='my_ang_app' ng-controller='first_div'> 
    {{message}} 
    </div> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
    <script type="text/javascript" src="core.js"></script> 
    </body>

Voici le working App

Source

2016-07-21 01:31:10 Sajeetharan

Je les ai déplacés vers le bas et son fonctionnement maintenant. Merci! –

Je pense que votre problème est que vous n'êtes pas liez les chemins appropriés fichier javascript. Essayez d'inspecter l'élément pour voir si vous avez des erreurs 404.

Source

2016-07-21 01:37:32

Le code JS angulaire ne fonctionne pas

Répondre

Questions connexes