AngularJS快速入門指南03：表達式

AngularJS通過表達式将資料綁定到HTML。

　　AngularJS表達式寫在雙大括号中：{{ 表達式語句 }}。

　　AngularJS表達式綁定資料到HTML的方式與ng-bind指令的方式相同。

　　AngularJS會準确地将表達式“輸出”為計算的結果。

　　AngularJS表達式與JavaScript表達式有許多相似之處，它們都包含文字、運算符和變量。例如{{ 5 + 5 }}和{{ firstName + " " + lastName }}

<a></a>

<a href="http://jsfiddle.net/Jaxu/a1902dj0/" target="_blank">運作</a>

　　如果你去掉ng-app指令，表達式會被直接顯示在頁面上而不會被計算。

<a href="http://jsfiddle.net/Jaxu/w5468k8p/" target="_blank">運作</a>

　　AngularJS數字和JavaScript數字一樣：

<a href="http://jsfiddle.net/Jaxu/y2jgz87r/" target="_blank">運作</a>

　　同樣，我們可以使用ng-bind指令達到相同的效果：

<a href="http://jsfiddle.net/Jaxu/ae6motsj/" target="_blank">運作</a>

使用ng-init指令在AngularJS開發中非常普遍。在控制器一節中你将會看到更好的初始化資料的方法。

　　AngularJS字元串與JavaScript字元串一樣：

<a href="http://jsfiddle.net/Jaxu/y7ee8qu5/" target="_blank">運作</a>

<a href="http://jsfiddle.net/Jaxu/hhg2jyym/" target="_blank">運作</a>

　　AngularJS對象與JavaScript對象一樣：

<a href="http://jsfiddle.net/Jaxu/c3r7goyf/" target="_blank">運作</a>

<a href="http://jsfiddle.net/Jaxu/dkrkebgx/" target="_blank">運作</a>

　　AngularJS數組與JavaScript數組一樣：

<a href="http://jsfiddle.net/Jaxu/f2afo3nk/" target="_blank">運作</a>

<a href="http://jsfiddle.net/Jaxu/z19rnwuc/" target="_blank">運作</a>

　　與JavaScript表達式相同，AngularJS表達式也包含文字、運算符和變量。與JavaScript表達式不同的是，

AngularJS表達式可以寫在HTML裡面。

AngularJS表達式不支援條件和循環語句，而且沒有exception語句。

AngularJS表達式支援過濾器。

本文轉自Jaxu部落格園部落格，原文連結：http://www.cnblogs.com/jaxu/p/4486613.html，如需轉載請自行聯系原作者