當你開始寫Helloworld代碼時，恭喜你你已經開始你苦逼的程序猿之路。
--------某知名IT大牛。
第一個例子：利用數據綁定計算票據的總費用
在輸入框中輸入數量和價格，兩者相乘計算出總的費用。
Invoice:
Quantity:
Costs:
Total: {{qty * cost | currency}}
這看起來與正常的HTML標籤沒什麼區別。在Angular中，這樣的標籤，我們稱之為"Template"模板。當Angular開始應用的時候，編譯器（Compiler）會解析加載這些模板，視圖（View）會加載、轉義並渲染成DOM。
上面代碼中第一種新的標籤，我們稱之為指令（Directives）。他為HTML標籤或者屬性提供了一些特殊的行為。示例中我們用到了“ng-app”屬性，它就是一個自動初始化的指令。Angular同樣為Input標籤添加了額外的行為，“app-model”指令存儲或更新輸入的值，並賦值給變量。
自定義指令操作DOM：在Angular中，DOM操作的唯一方式就是指令。這是非常重要的，因為Dom操作是非常難測試的。如果你需要直接DOM操作，你需要自定義指令。
第一種新的標籤就是兩個大括號中的內容{{expression|filter}} 當編譯器遇到這樣的標籤，它會將用計算後的值替換掉標籤中的內容。表達式（Expression）就像是JavaScript片段可以讀取寫入變量值。注意這裡的變量不能使全局的變量。就像JavaScript變量存在於域中一樣，Angular提供了域（Scope）的概念，存放在域中的變量值，應用於模型對象（Model）中。在上面提供的示例中，Angular標籤告訴Angular獲取Input空間輸入的值，並兩者相乘。
示例中還包括了過濾器（Filter）。過濾器格式化表達式中的值呈現個用戶。Currency過濾器過濾輸入的值，驗證是否是正確的錢數。
一個重要的內容就是Angular提供了動態綁定：當輸入的值發生變化時、表達式的值會自動計算更新，。
譯文地址：http://docs.angularjs.cn/guide/concepts
閱讀更多 IT碼將 的文章
關鍵字: JavaScript HTML 猿之路
