iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

我在前端 ng 時 系列

記錄這一年使用 AngularJS 開發的愛恨情仇,
跟如何使用 AngularJS 的經驗跟技巧。

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

初學 AngularJS 的路

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

2014-09-29 ‧ 由 yvonneyu 分享
DAY 2

jQuery 跟 AngularJS 的糾葛

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

2014-09-30 ‧ 由 yvonneyu 分享
DAY 3

AngularJS - MVC 架構

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

2014-10-01 ‧ 由 yvonneyu 分享
DAY 4

AngularJS - MVC 架構 - DEMO

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

2014-10-02 ‧ 由 yvonneyu 分享
DAY 5

相見恨晚 - Lo-Dash

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

2014-10-03 ‧ 由 yvonneyu 分享
DAY 6

ng-if & ng-show

我們很常遇到的需求是當某些條件成立時,畫面上特定地方要把它藏起來,不能讓使用者看到。 這時候就是 ng-If 跟 ng-show 出場的時候。 ng-show:...

2014-10-04 ‧ 由 yvonneyu 分享
DAY 7

AngularJS Forms 的經驗談

最近的專案才有機會接觸到 form,也瞭解了 form 幫忙做驗證的強大功能。 記錄一些我在開發 form 的經驗跟簡單的 custom validation。...

2014-10-05 ‧ 由 yvonneyu 分享
DAY 8

自己的 input 自己驗證

在某些情況下,AngularJS 官方提供的 validation 無法滿足我們的需求。 ex: 驗證手機電話號碼、台灣的郵遞區號等。 就是要自己寫 valid...

2014-10-06 ‧ 由 yvonneyu 分享
DAY 9

自己的 input 自己 format

延續昨天的介紹,今天來討論 ng-model controller 的兩個 Properties: $viewValue 跟 $modelValue 。 $vi...

2014-10-07 ‧ 由 yvonneyu 分享
DAY 10

初談 ng-filter

ng-filter 非常好用。 它會在不動原始資料的情況下,幫你把顯示的資料 format 成不同的樣式。 非常適合處理 Model 顯示在畫面上的情形。 大家...

2014-10-08 ‧ 由 yvonneyu 分享