最近沒有那么忙，就來系統學習一下AngularJS吧，昨天簡單的認識了一下，今天就從表達式入手吧，嘿嘿。
一、AngularJS 表達式
AngularJS表達式寫在雙大括號內：{{expression}}，把數據綁定到HTML，其實和與ng-bind是一樣的實現，在表達式書寫的位置"輸出"數據，既可以直接寫表達式，而在頁面呈現時間就是直接輸出的表達式的結果。AngularJS 表達式很像JavaScript表達式：它們可以包含文字、運算符和變量。
（1）、AngularJS與javascript的對比
<1>、AngularJS數字與javascript的對比
在瀏覽器中呈現的結果如下：
<2>、AngularJS字符串javascript的對比
在瀏覽器中呈現的結果如下：
<3>、AngularJS對象與javascript的對比
在瀏覽器中呈現的結果如下：
<4>、AngularJS數組與javascript的對比
在瀏覽器中呈現的結果如下：
（2）、使用ng-init實現以上實例的相同
<1>、AngularJS數字使用ng-init來把表達式的值綁定在html中
在瀏覽器中呈現的結果如下：
<2>、AngularJS字符串使用ng-init來把表達式的值綁定在html中
在瀏覽器中呈現的結果如下：
<3>、AngularJS對象使用ng-init來把表達式的值綁定在html中
在瀏覽器中呈現的結果如下：
<4>、AngularJS數組使用ng-init來把表達式的值綁定在html中
在瀏覽器中呈現的結果如下：
綜上所述，我們可以看到類似於JavaScript 表達式，AngularJS表達式可以包含字母，操作符以及變量，與JavaScript 表達式不同，AngularJS表達式可以寫在HTML中，但是AngularJS不支持條件判斷，循環及異常。更不同的是AngularJS表達式支持過濾器。
二、AngularJS指令
AngularJS 通過被稱為“指令”的新屬性來擴展 HTML，前面就介紹過AngularJS指令是擴展的HTML屬性，帶有前綴ng-；ng-app指令初始化一個AngularJS應用程序；ng- init指令初始化應用程序數據；而ng-model指令把元素值（比如輸入域的值）綁定到應用程序。
（1）、ng-model指令把元素值（比如輸入域的值）綁定到應用程序。
在瀏覽器中呈現的結果如下：
ng-app指令告訴 AngularJS，<div> 元素是AngularJS應用程序的"所有者".
（2）、數據綁定
上 面實例中的{{firstName}}表達式是一個AngularJS數據綁定表達式，AngularJS中的數據綁定，同步了AngularJS表達式 與AngularJS數據，{{firstName}}是通過ng-model="firstName"進行同步，如下實例中，兩個文本域是通過兩個 ng-model指令同步的：
在瀏覽器中呈現的結果如下：
（3）、重復Html元素
在瀏覽器中呈現的結果如下：
或者ng-repeat指令用在一個對象數組上：
在瀏覽器中呈現的結果如下：
由上面的幾個小實例我們就總結一下吧簡單：
ng-app指令定義了AngularJS應用程序的根元素，在網頁加載完畢時會自動引導（自動初始化）應用程序。
ng-init指令為AngularJS應用程序定義了初始值。通常情況下，不使用 ng-init。您將使用一個控制器或模塊來代替它。
ng-model指令綁定HTML元素到應用程序數據。ng-model指令也可以為應用程序數據提供類型驗證（number、email、 required），或者為應用程序數據提供狀態（invalid、dirty、touched、error），也可以為HTML元素提供CSS類以及綁 定HTML元素到HTML表單。
ng-repeat指令對於集合中（數組中）的每個項會克隆一次HTML元素。
今天就寫到這里啦，嘿嘿，明天繼續的啦。我只是從基礎學起的哦，嘿嘿，加油加油！