iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Angular 22 Signal 進化論 系列

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

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

Day 21:Angular Template 還適合呼叫 Method 嗎?從 Pipe、RxJS 到 computed

過去在寫 Angular 時,因為 Template 可以直接呼叫 Method,很容易在專案裡看到大量這樣的寫法。 這種方式很直覺,也很方便,但通常不建議在...

2026-10-05 ‧ 由 Antonio 分享
DAY 22

Day 22:Angular Render Lifecycle,從 afterNextRender 到 DestroyRef

過去在 Angular 中,只要遇到初始化、View 建立或資源清理,通常會先想到 Lifecycle Hooks: ngOnInit() // Input 初...

2026-10-06 ‧ 由 Antonio 分享
DAY 23

Day 23:RouteReuseStrategy,切換路由一定要銷毀 Component 嗎?

在後台系統中,很常會看到頁籤式介面,例如: 病患列表 掛號管理 系統設定 每個頁籤可能都對應不同的 Route: export const routes:...

2026-10-07 ‧ 由 Antonio 分享
DAY 24

Day 24:SPA Router 為什麼不再只靠 History API?

平常使用 Angular Router 時,可以透過 routerLink 或 router.navigate() 切換不同頁面。 模板連結: <a ro...

2026-10-08 ‧ 由 Antonio 分享
DAY 25

Day 25:Angular SignalStore,原生 Signal 不夠用嗎?

在 Angular 開發中,如果資料只會被單一 Component 使用,通常可以直接透過 signal() 管理。但當多個 Component 需要共用同一份...

2026-10-09 ‧ 由 Antonio 分享
DAY 26

Day 26:SignalStore 與 Strategy Pattern,透過 DI 動態切換業務邏輯

昨天我們使用 Angular 原生 Signal 與 NgRx SignalStore 實作購物車,透過 State 管理商品資料,再利用 Computed 計...

2026-10-10 ‧ 由 Antonio 分享