iT邦幫忙

angularjs相關文章
共有 88 則文章
鐵人賽 開發技術 DAY 5
我在前端 ng 時 系列 第 5

技術 相見恨晚 - Lo-Dash

Lo-Dash 是我一個相見恨晚超好用的 library。 (大概 3 個月前才知道它~) Lo-Dash 提供很多我們平常 coding 會用到的工具函式,部...

鐵人賽 開發技術 DAY 4
我在前端 ng 時 系列 第 4

技術 AngularJS - MVC 架構 - DEMO

今天放鬆點,DEMO 有 MVC 架構的簡單 AngularJS 範例。 強烈建議先看上一篇 AngularJS - MVC 架構 ! 需求: 幫可愛雪納瑞換...

鐵人賽 開發技術 DAY 3
我在前端 ng 時 系列 第 3

技術 AngularJS - MVC 架構

我是寫 JAVA 出身的工程師。 在開始寫 AngularJS 的時候,我一直以為我了解 AngularJS 的 MVC 架構。 直到...我膝蓋中了一箭......

鐵人賽 開發技術 DAY 2
我在前端 ng 時 系列 第 2

技術 jQuery 跟 AngularJS 的糾葛

AngularJS 有些人覺得難學理由之一,是因為它跟大多數網站所使用的 jQuery 設計思維差很多。 而且 AngularJS 又有內建 jqLite (j...

鐵人賽 開發技術 DAY 1
我在前端 ng 時 系列 第 1

技術 初學 AngularJS 的路

大家好, 我叫 Yvonne。 去年的時候,在連 JavaScript 都還不清楚怎麼用的情況下,開始接觸 AngularJS。 (被我同事挖洞,然後我自己跳下...

鐵人賽 開發技術 DAY 4
AngularJS的學習歷程 系列 第 4

技術 Lynda.com的Up and Running with AngularJS付費課程

今天要介紹的是老牌影片教學網站 Lynda.com 所推出的 Up and Running with AngularJS。 說到 Lynda.com,從以前他們...

鐵人賽 開發技術 DAY 3
AngularJS的學習歷程 系列 第 3

技術 Udemy的AngulrJS付費課程- AngularJS JumpStart with Dan Wahlin

昨天說到Code School的課程,雖然相當精彩,可惜的是比較像是一盤開胃小菜,聞香用的。真的想要深入學習,以那樣的內容是不足的。 今天推薦一個Udemy的課...

鐵人賽 開發技術 DAY 2
AngularJS的學習歷程 系列 第 2

技術 一個不錯的 Angular學習課程- Shaping Up With Angularjs

今天就先來介紹一下一個由Google 和 Code School 合作的 AngularJS免費課程 - Shaping Up With Angularjs 。...

鐵人賽 開發技術 DAY 1
AngularJS的學習歷程 系列 第 1

技術 認識 AngularJS -前言

話說之前在iT邦幫忙發表過 邊學AngularJS邊做Todo List 系列文章,已經是兩年前的事情了。 當時AngularJS剛出來不久,覺得很新奇,尤其是...

鐵人賽 開發技術 DAY 30

技術 Day30- 入門AngularJS筆記-directive

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

鐵人賽 開發技術 DAY 29

技術 Day29- 入門AngularJS筆記-filter

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

鐵人賽 開發技術 DAY 28

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

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

鐵人賽 開發技術 DAY 27

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

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

鐵人賽 開發技術 DAY 26

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

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

鐵人賽 開發技術 DAY 25

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

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

鐵人賽 開發技術 DAY 24

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

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

鐵人賽 開發技術 DAY 23

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

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

鐵人賽 開發技術 DAY 22

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

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

鐵人賽 開發技術 DAY 21

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

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

鐵人賽 開發技術 DAY 20

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

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

鐵人賽 開發技術 DAY 19

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

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

鐵人賽 開發技術 DAY 18

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

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

鐵人賽 開發技術 DAY 17

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

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

鐵人賽 開發技術 DAY 16

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

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

鐵人賽 開發技術 DAY 15

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

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

鐵人賽 開發技術 DAY 14

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

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

鐵人賽 開發技術 DAY 13

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

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

鐵人賽 開發技術 DAY 12

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

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

鐵人賽 開發技術 DAY 11

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

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

鐵人賽 開發技術 DAY 10

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

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