期望透過三十天的不間斷筆記,分享一些前端的筆記,同時也幫助自己學習吸收,主要記錄基本的AngularJS參數,
也會插播個人認為好用的工具、有趣的演講、充滿收獲的研討會等 :)
我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e, 本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 期望透過三十天的不間斷筆記,用力...
簡單使用幾個html標籤,完成angularJS基本的雙向綁定。 如何使用? 先來看看Demo Demo: http://jsbin.com/ogecuw/1/...
ng-controller是什麼? 主要用來綁定view(html)和model(js)的連結。 本次範例: 使用ng-controller,建立view和mo...
ng-click是什麼? 顧名思義,是點擊觸發的事件。 Demo: http://jsbin.com/angularjs-controller/3 ng-cli...
ng-show是什麼? ng-show/ng-hide是有條件的顯示/隱藏html內的內容。 先來看看1個簡單的範例如下: 官方網站的ng-show範例-清楚展...
ng-init 是什麼? model一開始載入,會先執行ng-init,我們可以利用ng-init設定初始值。 Demo: http://jsbin.com/u...
ng-repeat是什麼? 我們可以透過ng-repeat指令,從陣列中取出每一個item的內容。 Demo: http://jsbin.com/ukatix/...
介紹HTML input事件如何在angularJS中使用。 HTML checkbox,在angularJS官方文件的Demo: http://jsbin.c...
ng-options是什麼? HTML SELECT事件有一個ng-options參數, ng-options透過ng-model 綁定,用來顯示下拉選單。 介...
ng-switch是什麼? 我們可以根據ng-switch去篩選要選擇的內容。 通常我們會和ng-option的下拉選單一起搭配使用。 官方文件Demo: ht...