2016-10-09 3 views
0

Gerade nach einem AngularJS Buch zu lesen und zu lernen, hat er eine Testseite wie folgt erstellt:wenn AngularJS installiert ist und funktioniert

<!DOCTYPE HTML> 
<html ng-app> 
<head> 
<title> First App </title> 
<script src="angular.js"></script> 
<link href="bootstrap.css" rel="stylesheet"/> 
<link href="bootstrap-theme.css" rel="stylesheet"/> 
</head> 
<body> 
<div class="btn btn-default">{{AngularJS}}</div> 
<div class = "btn btn-success">Bootsrap</div> 
</body> 
</html> 

aber wenn ich auf die URL der Seite an: http://localhost:5000/test.html

Ich sehe eine Seite wie diese, beachten Sie, dass der Text von der ersten Taste fehlt. Bedeutet das, dass Angular nicht richtig eingerichtet ist?

enter image description here

Hier ist auch eine Datei zum Server zu verbinden, ich denke, das ist, was ich habe:

var connect = require('connect'), 
    serveStatic = require('serve-static'); 

var app = connect(); 

app.use(serveStatic("../angularjs")); 
app.listen(5000); 

Antwort

1

Ja, es ist richtig. Sie können in den Entwicklertools sehen und die Konsole zeigt Ihnen, wenn Fehler vorhanden sind. Fügen Sie nur einfache Anführungszeichen innerhalb der {{'AngularJs'}} hinzu. Schauen Sie unten

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.11/angular.min.js"></script> 
 
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
 
<!DOCTYPE HTML> 
 
<html ng-app> 
 
<head> 
 
<title> First App </title> 
 
<script src="angular.js"></script> 
 
<link href="bootstrap.css" rel="stylesheet"/> 
 
<link href="bootstrap-theme.css" rel="stylesheet"/> 
 
</head> 
 
<body> 
 
<div class="btn btn-default">{{'AngularJS'}}</div> 
 
<div class = "btn btn-success">Bootsrap</div> 
 
</body> 
 
</html>

+0

Ist das, was Sie erwartet hatten ??? – Aravind

+0

oh ich sehe, es sollte den Text AngularJS in der ersten Schaltfläche pro Buch Screenshot zeigen. – Travolta

+0

bitte klar sein! – Aravind

Verwandte Themen