iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Angular 進階實務 30天 系列

分享這幾年工作上遇到的需求,如果有人遇到一樣的需求,希望可以省省他的時間
預計會有Angualr Form、Router、狀態管理、權限管理、Monorepo、Angular library、Verdaccio

參賽天數 21 天 | 共 21 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11:Router - 參數傳遞

在實務上有非常多種類的資料流設計,我會以我工作上遇到的經驗來分享 Router 能夠處理的參數傳遞。 Angular Router 有幾種主要的參數傳遞形式,分...

2025-08-25 ‧ 由 Zoe Wu 分享
DAY 12

Day 12:Router - 從點擊到頁面載入的完整生命週期

前言 這一章主要會說明 Router Navigation Events 與 Router Lifecycle Hooks 之間的時序關係。從 Angular...

2025-08-26 ‧ 由 Zoe Wu 分享
DAY 13

Day 13:Router - Angular Guard

什麼是 Guard?為什麼需要它? 前面有稍微提到了守衛(Guard),它的名稱非常的符合它的功能,它確實就是擋在門口的衛兵,進去跟出來都得經過它的檢查,或是你...

2025-08-27 ‧ 由 Zoe Wu 分享
DAY 14

Day 14:Angular 路由轉場動畫

前言 路由轉場動畫其實我沒有在工作中用過,應該是因為我做 B2B 的專案比較多,動畫需求在 toC(面向一般顧客)的情況比較多。但因為有點好玩還有跟前面有連結就...

2025-08-28 ‧ 由 Zoe Wu 分享
DAY 15

Day 15:用 Angular RouteReuseStrategy 打造可切換分頁的功能

— 以「右側選單點擊 → 左側生成 Tabs」為例 前言 在桌面應用程式翻新成網頁的專案中,我們常會遇到這種需求:使用者點擊右側的功能選單,左側也要開啟一個分頁...

2025-08-29 ‧ 由 Zoe Wu 分享
DAY 16

Day 16:狀態管理 - 資料儲存(Data Storage) → 資料在哪裡?

前言 狀態管理我預計拆成三個面向來分享: 資料儲存 (Data Storage) – 資料應該放在哪裡?它的生命週期是什麼? 資料流控制 (Data Fl...

2025-08-30 ‧ 由 Zoe Wu 分享
DAY 17

Day 17:狀態管理 - 資料流控制 (Data Flow Control) → 資料怎麼流動?

前言 在上一章,我們探討了資料該存在哪裡,從 localStorage、sessionStorage 到 Angular 的 Service、Route Reu...

2025-08-31 ‧ 由 Zoe Wu 分享
DAY 18

Day 18:狀態管理 - 狀態變更(State Changes) → 資料怎麼被修改?

前言 在前兩篇文章中,我們探討了: Day 16:資料儲存 → 資料應該放在哪裡? Day 17:資料流控制 → 資料應該怎麼在應用程式中流動? 接下來...

2025-09-01 ‧ 由 Zoe Wu 分享
DAY 19

Day 19:權限管理設計思維

前言 在前幾篇,我們談了路由跟狀態管理,有了這些概念之後,就能處理下一個問題: 👉 誰,能對什麼資料,做什麼操作? 權限管理的三個核心問題 Who (誰)...

2025-09-02 ‧ 由 Zoe Wu 分享
DAY 20

Day20:實戰篇 – Angular Directive 實作權限控制

— 用 Directive 收斂權限判斷,讓模板乾淨俐落 — 延續 Day19 的設計思維,這篇把「角色(RBAC)→ 資源(Resource-Based)→...

2025-09-03 ‧ 由 Zoe Wu 分享