iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

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


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

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

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

Day21- 入門AngularJS筆記-AngularJS指令(18) ng-bind-html

ng-bind-html是什麼? 是用來呈現html效果的指令。 本篇分享將會介紹ng-bind、ng-bind-html、ng-bind-html-unsaf...

2013-10-21 ‧ 由 iamya 分享
DAY 22

Day22- 入門AngularJS筆記-AngularJS指令(19) ng-class

ng-class是什麼? 如果我們要使用angular在html中設定css樣式,我們可以使用ng-class這個指令。 改寫官方範例: 使用ng-model與...

2013-10-22 ‧ 由 iamya 分享
DAY 23

Day23- 入門AngularJS筆記-AngularJS指令(20) ng-blur與ng-focus

ng-blur是什麼? 在angular 1.2版本中,新增blur的監聽事件, 所以務必確認專案的angular版本,若版本較舊,此項指令就沒辦法work。...

2013-10-23 ‧ 由 iamya 分享
DAY 24

Day24- 入門AngularJS筆記-AngularJS指令(21) $watch

$watch是什麼? 使用$watch可以指定監控的範圍,一旦範圍內的value發生改變,所有地方都會自動更新, 用來確保view和model的即時綁定,當vi...

2013-10-24 ‧ 由 iamya 分享
DAY 25

Day25- 入門AngularJS筆記-AngularJS指令(22) ng-style

ng-style是什麼? ng-style是使用angular來直接設定css樣式的指令 基本範例: http://jsbin.com/aGExOfa/1/ed...

2013-10-25 ‧ 由 iamya 分享
DAY 26

Day26- 入門AngularJS筆記-AngularJS: angularJS與form的應用

為什麼要與form搭配使用? 透過angular與form的應用,可以快速處理表單可能會遇到的問題。 小結重點如下: 我們可以在表單上綁定資料,獲取資料內容。...

2013-10-26 ‧ 由 iamya 分享
DAY 27

Day27- 入門AngularJS筆記-AngularJS指令(23): ng-form

ng-form是什麼? angular針對form這個標籤包裝起來,自訂ng-form這個指令,增加對應的屬性與方法, 用來進一步處理表單上可能會遇到的問題。...

2013-10-27 ‧ 由 iamya 分享
DAY 28

Day28- 入門AngularJS筆記-AngularJS指令(24): ng-mouseover

ng-mouseover和ng-mouseleave是什麼? ng-mouseover和ng-mouseleave是angular設定當滑鼠位於元素上方和離開元...

2013-10-28 ‧ 由 iamya 分享
DAY 29

Day29- 入門AngularJS筆記-filter

filter是什麼? angular的filter,可以幫資料做過濾。 善用內建filter或自定filter,針對資料進一步篩選,呈現我們想要的資料。 當專案...

2013-10-29 ‧ 由 iamya 分享
DAY 30

達標好文 Day30- 入門AngularJS筆記-directive

終於到了第三十天, 這段日子大多分享angularJS內建的directive筆記, 有些內建指令可以直接完成我們想要的效果。 但有些內建的指令無法滿足需求,...

2013-10-30 ‧ 由 iamya 分享