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 11

Day 11 - explicitEffect - useEffect hook 的 Angular 版本

回顧第10天,effect追蹤signal並在任何signal值更新時運行effect函數。當signal不是effect的依賴項時,它會呼叫未追蹤的函數以防止...

2024-08-20 ‧ 由 connieleung 分享
DAY 12

Day 12 - 介紹 Signal Input

Angular架構使開發人員能夠將資料從父組件傳遞到子組件。子組件由可在HTML範本中顯示或進一步處理以產生新的結果。 Angular在signal之前使用了@...

2024-08-21 ‧ 由 connieleung 分享
DAY 13

Day 13 - 將路由資料綁定到 Signal Input

在 Angular 16 中,withComponentInput 可以將路由資料綁定到Input decorator。相同的功能也適用於signal inpu...

2024-08-22 ‧ 由 connieleung 分享
DAY 14

Day 14 - Use signal and signal inputs in a host element

In angular.dev official documentation, I found the following statement Always p...

2024-08-23 ‧ 由 connieleung 分享
DAY 15

Day 15 - 在 Directive Composition API 中使用 Signal 和 Signal Input

第 14 天,我示範了host element可以將properties和attributes綁定到signal和signal input。signal inp...

2024-08-24 ‧ 由 connieleung 分享
DAY 16

Day 16 - 組件與model input之間的溝通

在現代 Angular 中,組件中的雙向資料綁定 (two-way data binding),一般經驗法則是採用單向資料流 (unidirectional d...

2024-08-25 ‧ 由 connieleung 分享
DAY 17

Day 17 - viewChild 函數簡介

從 Angular 17 開始,團隊開始將 decorators 遷移到 signals。第一個是 @Input decorator 和對應的 signal i...

2024-08-26 ‧ 由 connieleung 分享
DAY 18

Day 18 - viewChild 函數的高階使用者案例 1 - 以程式設計方式建立 Angular 組件

viewChild 函數的一個高階用例是在 ViewConatinerRef 中建立 Angular 組件。。當我們知道應用程式載入期間不需要 Angular...

2024-08-27 ‧ 由 connieleung 分享
DAY 19

Day 19 - viewChild函數的高階使用案例(二)- 將NgTemplate嵌入到ViewContainerRef中

viewChild 函數的另一個高階用例是將 NgTemplate 嵌入到 ViewConatinerRef 中。當範本非常簡單到擁有一個組件就顯得有些過分時,...

2024-08-28 ‧ 由 connieleung 分享
DAY 20

Day 20 - viewChildren函數介紹

從 Angular 17 開始,團隊開始將查詢裝飾器 (query decorators) 遷移到 signal。此後以下查詢裝飾器已遷移。 @ViewChil...

2024-08-29 ‧ 由 connieleung 分享