Pro. AngularJS 准备工作
AngularJS 借鉴和使用服务端开发的优秀的模式提供HTML在web浏览器的编程,创建了一个使构建富客户端应用程序更简单和容易的基础。AngularJS 应用围绕着一个设计模式被称为模型-视图-控制(MVC),这里有一些重点在创建应用时:
可扩展:容易解决理解复杂的AngularJS应用的工作原理和要素,意思是你可以很容易的创建一个新的对你的用户有价值的功能来提升你的应用;
可维护:AngularJS应用容易进行调试和修复,长期的维护是简单的;
可测试:AngularJS 对单元测试和端对端测试有很好的支持,你可以在你的用户使用之前发现并修复缺陷;
规范化:AngularJS 依据跨浏览器的能力,允许你创建一个标准的web应用,可以是最新的功能(例如:
HTML5APIS)和流行的工具和框架;
AngularJS 是一个由谷歌发起和维护的开源的JavaScript 库。被应用到一些规模大河比较复杂的web应用。这里将展示你所想知道的在你项目中使用AngularJS所得到的回报。
你需要知道的?
这本书的结构?
第一部分:准备工作
第二部分:使用Angular工作
第三部分:AngularJS 模型和服务
如何建立你的开发环境
选择浏览器
选择代码编辑器
安装node.js
安装一个web服务
<span style="font-size:18px;">var express = require('express'),
app = express();
app.use(express.static(__dirname));
app.listen(8080);
console.log('static :'+__dirname+', server at : 8080');</span>
4.创建一个test.html,内容为:hell web server。 获取AngularJS库
展示一个简单的测试
<span style="font-size:18px;"><!doctype html>
<html ng-app>
<head>
<title>First Test</title>
<script type="text/javascript" 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">Bottstrap</div>
</body>
</html></span>
启动web服务器 :node server.js