Angular JS-Code funktioniert nicht

Ich habe keine Ahnung, warum, wenn ich ein AngularJS Tutorial, dass es nicht in meinem Browser funktioniert. Ich bin neu bei AngularJS. Alle Einsichten wären großartig. Ich habe 3 Dateien.Angular JS-Code funktioniert nicht

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"; 
    });

Wenn ich es im Browser eine Vorschau zeigt {{message} }

Quelle

2016-07-21 Brent Nicolet

Was sind die Fehler in der Konsole? – developer033

Überprüfen Sie Ihre Dateipfade. –

Ihr Angular Code und das entsprechende HTML sind syntaktisch und semantisch korrekt. Die einzigen Dinge, die ich vermuten kann, sind Ihre Dateipfade oder Dateinamen. –

Überprüfen Sie, ob die Javascr IPT-Dateien, die Sie referenzieren, werden korrekt geladen und es ist immer besser, wenn Sie sie nach dem Laden der Ansicht verweisen. So etwas wie unten,

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

Hier ist die working App

Quelle

2016-07-21 01:31:10 Sajeetharan

Ich habe sie nach unten verschoben und es funktioniert jetzt. Vielen Dank! –

Ich denke, Ihr Problem ist, dass Sie nicht auf die richtigen JavaScript-Datei Pfade verknüpfen. Versuchen Sie, Element zu überprüfen, um festzustellen, ob Sie 404-Fehler haben.

Quelle

2016-07-21 01:37:32

Angular JS-Code funktioniert nicht

Antwort

Verwandte Themen