## 簡單的表達式 **運算表達式** ``` <h1>{{ 1+1 }}</h1> // 2 ``` **字符串表達式** ``` <p>{{ '字符串表達式' }}</p> // 字符串表達式 ``` **對象表達式** ``` <div ng-init="person={name:'angular'}"> <p>{{ person.name }}</p> </div> // angular ``` **數組** ``` <div ng-init="arr=[1, 'a']"> <p>arr[1]</p> </div> // a ``` 其實，雙花括號是指令"`ng-bind`"的縮寫形式。 ``` <div ng-init="arr=[1, 'a']"> <p>arr[1]</p> </div> ``` 等價于： ``` <div ng-init="arr=[1, 'a']"> <p><span ng-bind="arr[1]"></span></p> </div> ``` 有一點要特別注意：HTML加載含有`{{ }}`語法的元素后并不會立刻渲染它們，這也是因此而導致未渲染內容閃爍（Flash of Unrendered Content， FOUC）。但是使用`ng-bind`可以避免這個問題，因為內容會被當做子文本節點渲染到含有`ng-bind`指令的元素內。 當然，還有另一種處理閃爍問題，那就是使用另一個指令：`ng-cloak` 當一個元素中含有此指令時，只有AngularJS模板已經完全編譯，才會顯示該元素。否則，顯示元素的原始形式和模板代碼。 ``` <div class="ng-cloak">{{1+2+3}}</div> ```