AngularJS誕生于2009年，由Misko Hevery 等人建立，後為Google所收購。是一款優秀的前端JS架構，已經被用于Google的多款産品當中。AngularJS完全使用JavaScript編寫的用戶端技術.同其他曆史悠久的Web技術（HTML、CSS和JavaScript）配合使用，使Web應用開發比以往更簡單、更快捷.
什麼是 AngularJS？
AngularJS 使得開發現代的單一頁面應用程式（SPAs：Single Page Applications）變得更加容易。
AngularJS 把應用程式資料綁定到 HTML 元素。
AngularJS 可以克隆和重複 HTML 元素。
AngularJS 可以隐藏和顯示 HTML 元素。
AngularJS 可以在 HTML 元素"背後"添加代碼。
AngularJS 支援輸入驗證。
AngularJS 指令
ng-app 指令告訴 AngularJS，<div> 元素是 AngularJS 應用程式 的"所有者".
ng-model 指令把輸入域的值綁定到應用程式變量 name.
ng-bind 指令把應用程式變量 name 綁定到某個段落的 innerHTML.
ng-init 指令初始化應用程式資料
ng-repeat 指令會重複一個 HTML 元素
執行個體講解:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
1.當網頁加載完畢,AngularJS自動開啟 2.ng-app指令如果在div區域内,則表示管理的是頁面的一部分 3.AngularJS 表達式寫在雙大括号内：{{ expression }},AngularJS 表達式把資料綁定到 HTML，這與 ng-bind 指令有異曲同工之妙。AngularJS 将在表達式書寫的位置"輸出"資料。 4.雙向綁定,在修改輸入域的值時,AngularJS 屬性的值也将修改.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div data-ng-app="" data-ng-init="names=['陳','曉','婵']">
<p>使用 ng-repeat 來循環數組</p>
<ul>
<li data-ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
</body>
</html>
ng-repeat指令可以用在一個HTML元素或者是對象數組上.
優點:
1.動态視圖：js可以擴充HTML的屬性它替我們靜态的HTML加了很多擴充性功能,有一種讓HTML由死變活的感覺.
2.完善：是一個比較完善的前端MVVW架構，包含模闆，資料雙向綁定,路由,子產品化,服務,依賴注入等所有功能,模闆功能強大豐富,并且是聲明式的,自帶了豐富的 Angular 指令.
3.Google維護：AngularJS有Google來維護,無疑有了一個強大的背景,社群也非常活潑,能夠很好促進它的發展.