1.Angular 2.0 中的變量

對輸入值的獲取，我們可以通過$event 來獲取，也可以通過變量來獲取。

template: `<input (keyup)="onKey($event)"><p>{{values}}</p>`

即，當user 按下并釋放 一個按鈕是，就會觸發keyup 事件，Angular在$event 變量提供一個相應的DOM事件對象，

export class KeyUpComponent_v1 {values = '';onKey(event:any) { // without type infothis.values += event.target.value + ' | ';} }

$event 對象的屬性取決于DOM 事件的類型。而所有的標準DOM事件對象都有一個target 屬性，
上例將$event轉換為any類型。 這樣簡化了代碼，但是有成本。 沒有任何類型信息能夠揭示事件對象的屬性，防止簡單的錯誤

傳入 $event 是靠不住的做法

Passing $event is a dubious practice

類型化事件對象揭露了重要的一點，即反對把整個 DOM 事件傳到方法中，因為這樣組件會知道太多模板的信息。

只有當它知道更多它本不應了解的 HTML 實現細節時，它才能提取信息。 這就違反了模板（用戶看到的）和組件（應用如何處理用戶數據）之間的分離關注原則

@Component({selector: 'loop-back',template: `<input #box (keyup)="0"><p>{{box.value}}</p> ` }) export class LoopbackComponent { }

如上圖的box 就是一個變量

轉載于:https://www.cnblogs.com/taoyoung/p/6147944.html

總結

以上是生活随笔為你收集整理的Angular2.0 基础: User Input的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。