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