Angular之所以非常受人矚目，不得不說其強大的模板處理能力，盡管jQurey庫對DOM元素和事件的操作異常簡單。不過在分離視圖和業務層的領域中，Angular的template扮演了很重要的作用。所以這篇會解釋關于獲取用戶輸入的Angular的方法：

輸入文本內容，點擊鼠標，都會有DOM事件的發生，與jQuery同樣，A也有直接處理DOM事件的能力。

方法一：綁定 DOM 事件并且通過$event對象取得用戶輸入

方法基本與jQuery相同，不過監聽器需要用一對圓括號包裹起來，比如 (keyup)=" onKeyboard($event)"等等，當鍵盤事件被觸發，組件會相應地處理keyup事件，同時從$event獲取DOM對象。不再累述。

方法之二：從模板變量中獲得用戶輸入

A除了常規的對DOM事件進行響應外，還有另一種方式。就是把模板的元素變量化，就好像賦予了ID標簽，并且在模板中直接引用，直接取值，這就是模板變量。如下圖：

<input #box (keyup)="0">中的box就是input標簽的模板變量。而插值表達式中的box.value便是直接調用的結果。當然，你需要注意的是“(keyup)=’0‘ ”是必須的。

下節的tip，我將詳細得對Angular表單進行提煉說明，“表單是商業應用的支柱，我們用它來執行登錄、求助、下單、預訂機票、安排會議，以及不計其數的其它數據錄入任務。”