iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

Signal API in Angular 系列

My topic is Signal API in Angular and how it has simplified the development since version 16. I will demonstrate signal usage, toSignal/toObservable in RxJS-interop, and other new signal features that revolutionize the change detection lifecycle.

鐵人鍊成 | 共 39 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文

Day 31 - 請不要使用 effect

我觀看了 YouTube 視頻,其中 Angular 團隊負責人 Alex Rickabaugh 不鼓勵使用 effect。 然後,他示範了一種用 comput...

2024-09-09 ‧ 由 connieleung 分享

Day 32 - 在 Angular 中從後端檢索資料的不同方法

我想整合不同的方法來使用 Observable、 Signal 和 HttpClient 在 Angular 中檢索資料。根據我的觀察,我發現了六種資料檢索模式...

2024-09-11 ‧ 由 connieleung 分享

Day 33 - 將 manual injector 傳遞給 toSignal 函數

Required signal inputs 不能在 constructor 或 field initializers 使用,因為當時該值不可用。為了存取該值,...

2024-09-23 ‧ 由 connieleung 分享

Day 34 - 在 toSignal 函數中使用 requireSync 選項 令 Observable 發出同步值

toSignal 函數的回傳類型為 Signal<T | undefined>。 Observable 是惰性的,當事件發生時發出第一個值。因此,在...

2024-10-01 ‧ 由 connieleung 分享

Day 35 - 使用rejectErrors選項更改toSignal的錯誤處理行為

toSignal 函數的來源是一個 Observable,當滿足錯誤條件時,Observable 會拋出錯誤。 Observable 拋出錯誤後,每當讀取 si...

2024-10-11 ‧ 由 connieleung 分享

Day 36 - 探索利用 signals 共享資料的不同模式

元件通訊 (component communication) 是元件架構裡面重要的一環,其中父元件向子元件提供輸入,子元件將結果傳回給其父元件。 我將示範 An...

2024-10-18 ‧ 由 connieleung 分享

Day 37 - 在信號中更新 Map,我希望有人在我犯錯之前告訴我。

更新儲存在 Angular 訊號中的 Map 時可能會出現微妙的錯誤,這主要是由於 change detection 如何與物件引用 (object refer...

2024-10-22 ‧ 由 connieleung 分享

Day 38 - 在 Angular 19 中重置或設定 LinkedSignal 中的值

Angular 19 中引入的新 LinkedSignal 功能透過允許訊號 (signal) 直接連結到來源值,提供了管理反應狀態 (reactive sta...

2024-10-30 ‧ 由 connieleung 分享

Day 39 - 使用 Angular 19 中的 Resource API 進行資料檢索

Angular 團隊在 Angular 版本 19 中發布了 resource 和 rxResource 函數,以方便資料檢索。resource 的 loade...

2024-10-31 ‧ 由 connieleung 分享