AngularJS 菜鳥

AngualrJS是 JavaScript框架。

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

AngularJS擴展了html

AngularJS經過ng-directives擴展了html：好比：

ng-app指令定義了一個angular的應用程序。

ng-model指令把元素值綁定到應用程序。

ng-bind指令把應用程序數據綁定到html視圖。

什麼是 AngularJS？

AngularJS 使得開發現代的單頁面應用程序（SPAs：Single Page Applications）變得更加容易。

• AngularJS 把應用程序數據綁定到 HTML 元素。
• AngularJS 能夠克隆和重複 HTML 元素。
• AngularJS 能夠隱藏和顯示 HTML 元素。
• AngularJS 能夠在 HTML 元素"背後"添加代碼。
• AngularJS 支持輸入驗證。

AngularJS 表達式

　　AngularJS 表達式寫在雙大括號內：{{ expression }}。

　　AngularJS 表達式把數據綁定到 HTML，這與 ng-bind 指令有殊途同歸之妙。或用{{}}或用ng-bind

　　AngularJS 表達式 很像 JavaScript 表達式：它們能夠包含文字、運算符和變量。實例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

　　<div ng-init="x=1;y=5">
            <p>總價：{{x*y}}</p>    
            <p ng-bind="x*y"></p>
      </div>

　　帶有對象的表達式、帶有數組的表達式……

　　<div ng-init="person={name:'li',age:'18'}">
            {{person.age}}
        </div>

AngularJS 過濾器

　　currency 格式化數字爲貨幣格式。

　　filter 從數組項中選擇一個子集。

　　lowercase 格式化字符串爲小寫。

　　orderBy 根據某個表達式排列數組。

　　uppercase  格式化字符串爲大寫。