iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Angular 22 Signal 進化論 系列

Angular 是怎麼知道畫面該更新的?Signal 出現之後,又改變了什麼?這次會從傳統的 Change Detection 開始,帶大家一步一步理解 Signal 如何追蹤資料變化,以及它和 Angular 原本更新機制之間的關係,最後再看看 Angular 22 中 Signal 帶來的新玩法。

參賽天數 6 天 | 共 6 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1:為什麼想聊 Angular Signal?

我與 Angular 的相遇 相信講到前端框架,大家第一時間想到的通常會是 Vue、React,甚至也有人會推薦 Svelte 這類近年討論度很高的框架。但一講...

2026-09-15 ‧ 由 Antonio 分享
DAY 2

Day 2:Angular Signal 是什麼?從 Change Detection 理解它的運作原理

Angular 傳統 Change Detection 傳統 Angular 在監測資料變化時,通常會搭配 zone.js。像是 DOM 事件、Promise、...

2026-09-16 ‧ 由 Antonio 分享
DAY 3

Day3:從 set()、update() 看懂 Angular Signal 的基本使用與更新機制

昨天我們先試著理解,在 Template 中使用 Signal() 時,Angular 是如何建立依賴關係,並在 Signal 發生變化後,知道哪些 View...

2026-09-17 ‧ 由 Antonio 分享
DAY 4

Day 4:Angular 怎麼知道誰正在讀 Signal?從 Reactive Context 理解依賴追蹤

前面我們看過,當 Template 讀取 Signal 時,Angular 會記住「誰依賴了誰」;當 Signal 發生變化後,也會透過 Reactive Gr...

2026-09-18 ‧ 由 Antonio 分享
DAY 5

Day 5:從 Reactive Graph 到 View Tree,看 Angular 如何找到真正需要更新的畫面

前面我們已經知道,當 Signal 的值發生變化後,Angular 會透過 Reactive Graph 找到受到影響的 Consumer。 不過找到 Cons...

2026-09-19 ‧ 由 Antonio 分享
DAY 6

Day6:Resource API:把非同步資料帶進 Signal

今天來看 Angular Signal 裡一個很重要的非同步資料 API:Resource API。 前面介紹 Signal 時,我們處理的大多都是同步狀態,例...

2026-09-20 ‧ 由 Antonio 分享