標籤彙整：AngularJS

還記得在 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。

在 AngularJS 入門教學 - ngCalss 的作業是要使用 ng-repeat 及 ng-class 來做出隔行變色的效果。

如果要用 AngularJS 來控制某個元素的 class 時，最簡單的方式就是使用 Angular 表達式(Angular Expressions)的方式將 Model 設定在元素的 class 屬性中。