iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

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


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

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

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

Day11- 入門AngularJS筆記-AngularJS指令(10): ng-change

ng-change是什麼? 當我們改變輸入的數值,就會執行ng-change裡的事情。 改寫官方文件的Demo: http://jsbin.com/ICAyAN...

2013-10-11 ‧ 由 iamya 分享
DAY 12

Day12- 入門AngularJS筆記-AngularJS指令(11): ng-include

ng-include 是什麼? ng-include 是angular用來載入html的指令。 改寫官方Demo: http://plnkr.co/edit/Y...

2013-10-12 ‧ 由 iamya 分享
DAY 13

Day13- 入門AngularJS筆記-AngularJS指令(12): ng-src

ng-src是什麼? ng-src是用來取代html中 img 標籤裡的src屬性。 由於AngularJS是整個網站載完後才開始編譯, 使用ng-src可以解...

2013-10-13 ‧ 由 iamya 分享
DAY 14

Day14- 入門AngularJS筆記-AngularJS指令(13): ng-href

ng-href是什麼? ng-href是用來取代html中 a 標籤裡的href屬性。 為什麼要使用ng-href? 如果Angular還沒載入或載入失敗,會直...

2013-10-14 ‧ 由 iamya 分享
DAY 15

Day15- 入門AngularJS筆記-AngularJS的MVC應用筆記

在一開始分享AngularJS 主題的時候,有介紹到AngularJS 是遵循MVC 框架。 Day3的內容: http://ithelp.ithome.com...

2013-10-15 ‧ 由 iamya 分享
DAY 16

Day16- 入門AngularJS筆記-AngularJS指令(14): ng-checked

ng-checked是什麼? 如果你要讓勾選框有**”選擇全部“**勾選或”**取消全部“**勾選的狀態, 可以簡單使用ng-checked來作設定。 改寫官方...

2013-10-16 ‧ 由 iamya 分享
DAY 17

Day17- 入門AngularJS筆記-AngularJS的timeout應用

$timeout是什麼? timeout 顧名思義是和時間有關,用來倒數、計時的一種方法。 而$timeout則是應用於angular的指令 本日參考範例:...

2013-10-17 ‧ 由 iamya 分享
DAY 18

Day18- 入門AngularJS筆記-AngularJS指令(15) ng-bind

ng-bind是什麼? 通常我們會將綁定model名稱放在{{ }}裡面來顯示model的值。 正式開發專案時,有可能會載入很多library, 如果我們載入太...

2013-10-18 ‧ 由 iamya 分享
DAY 19

Day19- 入門AngularJS筆記-AngularJS指令(16) ng-cloak

ng-cloak是什麼? 和ng-bind很類似,同樣可以解決angularjs沒有載入完成或發生失敗的狀況。 但ng-cloak指令需要另外增加css,用來解...

2013-10-19 ‧ 由 iamya 分享
DAY 20

Day20- 入門AngularJS筆記-AngularJS指令(17) ng-bind-template

ng-bind-template是什麼? ng-bind-template就是可以把多個model綁成一個群組,再用ng-bind的方法去綁定。 ng-bind...

2013-10-20 ‧ 由 iamya 分享