跳到主要內容

AngularJS HelloWorld

由於參與了維護的專案,使用的是早期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/
裡面有些學習資源可以方便學習



留言