由於參與了維護的專案,使用的是早期AngularJS的版本,所以便開始複習官網提供的教學,因為已經3年沒用了阿,所以等級完全變成了初學者,而官網提供這一個教學最主要在比較jQuery 與 AngularJS Two-way bidning 的實作方式,教學影片如下
以下是教學中的程式碼
一、jQuery 的Two-Way Binding
jQuery 最主要就用keyup的function去監聽input 鍵入值時改變的狀態
二、AngularJS 的Two-Way Binding
而AngularJS則是使用ng-model Binding 去監聽目前該值改變的狀態
由上述的程式碼比較起來,AngularJS要實作Two Way Binding 是容易許多,並且當一個畫面有好幾個地方要做Two Way Binding的時候,jQuery
常會因為大量的命名變數而難以維護,這也是AngularJS最主要要強調的特色之一
官方網站在此 https://angularjs.org/
裡面有些學習資源可以方便學習
留言
張貼留言