Angularjs2 DOM操作 撰寫方式討論

以往Javascript或jQuery都可透過程式碼進行

  1. focus設定欄位定位(游標會移至該處)
  2. select選取指定欄位之文字全選
  3. keydown設定enter模擬TAB往下一欄位選取

對於ng2,小弟認為有原生撰寫的方式,才能將ng2發揮到最佳效果,日前於群組討論到的方式如下:

  1. ElementRef
  2. ViewChild
  3. document

※以上是指要用components的程式碼去控制,而非用HTML控制。

我相信有多種解決方案,主要是針對開發方式或個人風格而異,
這些可能在UI或UX上都會很常用到的功能之一,
各位若有什麼想法,歡迎提出理論或實際範例等討論都行。

KeyDown的部分有幾種做法

  1. 使用 direcctive + Hostlistener 的方式來監聽 keydown Event
  2. 使用 EventManager 來處理全域的 key Event , 可參考這篇
2個讚