iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

我在前端 ng 時 系列

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

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

ng-filter 的五四三

AngularJS 提供的 filter 無法滿足我們顯示的種種需求。 所以完成一個專案,大部分都會需要自己寫 filter 的。 範例: 後端傳來的值是...

2014-10-09 ‧ 由 yvonneyu 分享
DAY 12

初談 ui-router

ui-router is routing framework for AngularJS。 ui-router 不是 AngularJS 原生的 router...

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

ui-router - 巢狀頁面

ui-router 的一大優點是 nested view。 ui-router 的 nested view 是 state 存有親子關係。 子(children...

2014-10-11 ‧ 由 yvonneyu 分享
DAY 14

ui-router - 監聽事件

今天來說明 ui-router 提供的事件 在各種事件中插入監聽點,可以在轉換 state 中完成一些需求。 例如說使用者在登入完後,不能在回到登入頁的需求(包...

2014-10-12 ‧ 由 yvonneyu 分享
DAY 15

初談 directive

directive 在 AngularJS 的開發中扮演了非常重要的角色。 使用 directive 指令可在指定的 DOM 元素標記,讓該元素有特定的行為或是...

2014-10-13 ‧ 由 yvonneyu 分享
DAY 16

初談 directive - scope

本來要繼續上一篇初談 directive 教學。 可是 scope 實在太重要了,決定要多送 scope 幾篇來講解它。 directive scope 屬性說...

2014-10-14 ‧ 由 yvonneyu 分享
DAY 17

初談 directive - isolate scope

isolate scope - 獨立的 scope。 當設定 scope 為 isolate scope 的時候,我們可以確保只給 directive 需要知道...

2014-10-15 ‧ 由 yvonneyu 分享
DAY 18

初談 directive - 完結

再來繼續介紹 directive 屬性吧,補上 初談 directive 順序圖。 (為了教學流暢,介紹順序有點變更。數字不會變!) 8. transclud...

2014-10-16 ‧ 由 yvonneyu 分享
DAY 19

初談 directive - 番外篇 - 傳送函式進 directive

快樂的星期五到了!!! 期待假日的同時,決定快速且優雅地寫完今天這一篇。 在 「初談 directive - isolate scope」 篇有寫到 ‘&amp...

2014-10-17 ‧ 由 yvonneyu 分享
DAY 20

開發 AngularJS 的工具 - gulp

簡單介紹一下目前開發 AngularJS 的工具 - gulp。 gulp 是幫助前端開發的工具,幫助我們 complie 語法或優化效能 (minify 或...

2014-10-18 ‧ 由 yvonneyu 分享