2016-06-20 9 views
-2

Ich benutze das neue angularjs v1.5.7 Aber ich weiß nicht, was mit meinem Code falsch ist, dass meine App überhaupt nicht läuft.Warum funktioniert meine eckige App nicht?

hier ist meine HTML-Datei:

<!DOCTYPE html ng-app="myApp"> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

hier ist meine app.js Datei:

angular.module('myApp', []); 

angular.module('myApp').controller('main', function ($scope) { 

    alert('hi') 

    $scope.name = "testing"; 
}); 

ich bin nicht entweder Fehler oder Arbeits Ausgabe hier bekommen. Kann mir hier jemand helfen? und korrigiert mich?

+1

Was sagt die Konsole? – oxalorg

+0

Sie setzen ng-app an falscher Stelle – abdoutelb

Antwort

5

Verschieben Sie die ngApp Richtlinie auf Ihre html oder body Tag, es ist derzeit auf der doctype Erklärung.

<!DOCTYPE html > 
<html ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

Die Anweisung muss auf einem Element sein, das ist es derzeit nicht.

1

http://www.learn-angular.org/

Versuchen Sie folgendes:

<!DOCTYPE html > 
<html ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

Sie haben die ng-App nicht in DOCTYPE zu definieren!

<html ng-app="myApp"> wäre richtig

1

Sie können ng-App DOCTYPE zuteilen. DOCTYPE wird nur zum Ermitteln des Dokumenttyps verwendet, und das Bootstrapping von angular erfolgt, wenn eine ng-app-Direktive auf dem html-Tag erkannt wird.

Verwandte Themen