一、初識AngularJS 1、AngularJS概念
[ 1 ] AngularJS的官方文檔是這樣介紹它的。完全使用JavaScript編寫的用戶端技術。同其他曆史悠久的Web技術（HTML、CSS和JavaScript）配合使用，使Web應用開發比以往更簡單、更快捷。
[ 2 ] AngularJS主要用於構建單頁面Web應用。它通過增加開發人員和常見Web應用開發工作單位之間的抽象層級，使構建互動現代Web應用變得更加簡單。
[ 3 ] AngularJS的Team Dev將其描述為一種構建動態Web應用的結構化架構。
2、所用模型 AngularJS則通過原生的Model-View-Controller（MVC，模型視圖控制器）功能增強了 HTML。結果表明，這個選擇可以快捷和愉悅地構建出令人印象深刻並且極富表現力的用戶端應用。
3、AngularJS檔案大小 AngularJS團隊非常重視架構檔案壓縮後的大小，這樣使用它就不會付出太多的額外代價（寫作本書時，檔案壓縮後的體積在90KB左右）
4、許可
AngularJS的源碼託管在GitHub上，可以免費擷取。它基於MIT許可發布，這意味著你可以為AngularJS貢獻代碼，使其變得更加優秀。
二、資料繫結和第一個AngularJS Web應用 1、Hello World-資料繫結
已將https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js下載到本地
<!DOCTYPE html><html ng-app> <head> <script src="js/angular.js"></script> </head> <body> <div ng-controller="MyController"> <h1>Hello {{ clock }}!</h1> </div> <script type="text/javascript" src="js/app.js"></script> </body></html>
apps.js代碼如下：
angular.module('myApp',[]) .run(function($rootScope){ $rootScope.name="Joyce";});
<!DOCTYPE html><html ng-app> <head> <script src="js/angular.js"></script> </head> <body> <div ng-controller="MyController"> <h1>Hello {{ clock }}!</h1> </div> <script type="text/javascript" src="js/app.js"></script> </body></html>
app.js代碼如下：
function MyController($scope, $timeout) { var updateClock = function() { $scope.clock = new Date(); $timeout(function() { updateClock(); }, 1000); }; updateClock();};
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
