iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

入門AngularJS筆記與前端領域的學習筆記分享 系列


期望透過三十天的不間斷筆記,分享一些前端的筆記,同時也幫助自己學習吸收,主要記錄基本的AngularJS參數,

也會插播個人認為好用的工具、有趣的演講、充滿收獲的研討會等 :)

鐵人鍊成 | 共 30 篇文章 | 35 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 Day1- 入門AngularJS筆記與前端領域的學習筆記分享介紹

我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e, 本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 期望透過三十天的不間斷筆記,用力...

2013-10-01 ‧ 由 iamya 分享
DAY 2

Day2- 入門AngularJS筆記-AngularJS指令(1): ng-model

簡單使用幾個html標籤,完成angularJS基本的雙向綁定。 如何使用? 先來看看Demo Demo: http://jsbin.com/ogecuw/1/...

2013-10-02 ‧ 由 iamya 分享
DAY 3

Day3- 入門AngularJS筆記-AngularJS指令(2): ng-controller

ng-controller是什麼? 主要用來綁定view(html)和model(js)的連結。 本次範例: 使用ng-controller,建立view和mo...

2013-10-03 ‧ 由 iamya 分享
DAY 4

Day4- 入門AngularJS筆記-AngularJS指令(3): ng-click

ng-click是什麼? 顧名思義,是點擊觸發的事件。 Demo: http://jsbin.com/angularjs-controller/3 ng-cli...

2013-10-04 ‧ 由 iamya 分享
DAY 5

Day5- 入門AngularJS筆記-AngularJS指令(4): ng-show

ng-show是什麼? ng-show/ng-hide是有條件的顯示/隱藏html內的內容。 先來看看1個簡單的範例如下: 官方網站的ng-show範例-清楚展...

2013-10-05 ‧ 由 iamya 分享
DAY 6

Day6- 入門AngularJS筆記-AngularJS指令(5): ng-init

ng-init 是什麼? model一開始載入,會先執行ng-init,我們可以利用ng-init設定初始值。 Demo: http://jsbin.com/u...

2013-10-06 ‧ 由 iamya 分享
DAY 7

Day7- 入門AngularJS筆記-AngularJS指令(6): ng-repeat

ng-repeat是什麼? 我們可以透過ng-repeat指令,從陣列中取出每一個item的內容。 Demo: http://jsbin.com/ukatix/...

2013-10-07 ‧ 由 iamya 分享
DAY 8

Day8- 入門AngularJS筆記-AngularJS指令(7): input

介紹HTML input事件如何在angularJS中使用。 HTML checkbox,在angularJS官方文件的Demo: http://jsbin.c...

2013-10-08 ‧ 由 iamya 分享
DAY 9

Day9- 入門AngularJS筆記-AngularJS指令(8): select的ng-options

ng-options是什麼? HTML SELECT事件有一個ng-options參數, ng-options透過ng-model 綁定,用來顯示下拉選單。 介...

2013-10-09 ‧ 由 iamya 分享
DAY 10

Day10- 入門AngularJS筆記-AngularJS指令(9): ng-switch

ng-switch是什麼? 我們可以根據ng-switch去篩選要選擇的內容。 通常我們會和ng-option的下拉選單一起搭配使用。 官方文件Demo: ht...

2013-10-10 ‧ 由 iamya 分享