确认 AngularJS 是否已安装并正常工作

Question

正好跟着一本AngularJS的书看了学习，做了一个这样的测试页：

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

但是当我转到页面的 URL 时：http://localhost:5000/test.html

我看到这样的页面，请注意第一个按钮中的文字缺失。这是否意味着 Angular 设置不正确？

这也是一个连接到服务器的文件我想，这就是我所拥有的：

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

var app = connect();

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

Answer 1

是的，它是正确的。您可以在开发人员工具中看到，如果有任何错误，控制台将显示给您。只需在 {{'AngularJs'}} 内添加单引号。往下看

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

确认 AngularJS 是否已安装并正常工作

Confirming if AngularJS is installed and working

javascript

angularjs

angular-bootstrap