男丁格爾's 脫殼玩

當使用 Angular 表達式(Angular Expressions)在非元素屬性中時，表達式語法得用 {{ 及 }} 來包裹。這樣的用法可以把它當成是前端的模板語法來使用，但...很有可能會跟一些後端程式，像是 Django、Jinja 或是 Tornado 等等的模板語法衝突到。

雖然 AngularJS 提供了蠻多個實用的過濾器(Filters)，但總不可能包山包海都有各位需要的，因此我們在必要時就能來自訂專屬的過濾器囉。

還記得在 AngularJS 入門教學 - ngCalss 所學過的技巧嗎？今天筆者要利用 ng-class 來介紹兩個還算常使用的網頁元素事件 - ng-focus 與 ng-blur。

不管是做一般的表單還是 Web 系統，輸入方塊都是一個很常拿來當做主要輸入的元素。而在我們一開始的 AngularJS 入門教學 - Hello AngularJS!! 中就看過雙向資料綁定(Two-way data-binding)的威力。

一般在設計網頁時，常常使用 class 來幫元素套上指定的樣式，當然可以使用最原始的 style 方式來設定 CSS 內容。而 AngularJS 除了有提供有跟 class 用途一樣的 ng-class 宣告式語法(Directives Syntax)之外，也有另一個相對於 style 效果的 ng-style。