我今天刚刚开始关注Angularjs,我决定尝试学习它。我决定从这里开始教程:https://docs.angularjs.org/tutorial/step_00我马上就遇到了麻烦。在启动服务器并转到localhost:8000 / app之后,加载的页面看起来像这样“Nothing here {{'yet'+'!'}}”。根据我的理解,它假设给我“这里没什么了!”代替。我进一步深入了解教程我并添加了<p> 1 + 2 = {{ 1 + 2 }} </p>
并再次输出为1 + 2 = {{1 + 2}},当它假设为1 + 2 = 3.我没有对样本工作空间做任何事情教程提供它从一开始就没有工作。有人可以对这个问题有所了解吗?
更新:我所拥有的代码是教程中提供给我的代码,可以在https://github.com/angular/angular-phonecat找到,但是为了向您展示一些代码
的index.html
<!doctype html>
<html lang="en" ng-app>
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/app.css">
<script src="bower_components/angular/angular.js"></script>
</head>
<body>
<p>Nothing here {{'yet' + '!'}}</p>
</body>
</html>
app.js
'use strict';
/* App Module */
bower.json
{
"name": "angular-phonecat",
"description": "A starter project for AngularJS",
"version": "0.0.0",
"homepage": "https://github.com/angular/angular-phonecat",
"license": "MIT",
"private": true,
"dependencies": {
"angular": "1.2.x",
"angular-mocks": "~1.2.x",
"jquery": "1.10.2",
"bootstrap": "~3.1.1"
}
}
另外,当我查看开发人员工具时,我看到了这一点:
"NetworkError: 404 Not Found - http://localhost:8000/app/bower_components/bootstrap/dist/css/bootstrap.css"
bootstrap.css
"NetworkError: 404 Not Found - http://localhost:8000/app/bower_components/angular/angular.js"
angular.js
我知道错误是我找不到那些文件。我从哪里得到它们?我必须单独下载吗?
解决!解决方案:
使用npm install -g bower
然后bower install