iT邦幫忙

signal相關文章
共有 75 則文章

技術 取代 SKYPE,Signal 信號

我來推廣一套好了 Signal中文化很完整採用贊助制桌面版本手機版本都OK使用習慣跟LINE類似也就和 SKYPE 類似 還有訊息自動焚毀功能 https://...

技術 訊號 的 Local Change Detection

Change Detection 的歷史 Angular 團隊在企業應用程式的效能方面做出了許多改進。 組件中的 Change Detection 的預設值是C...

技術 計算訊號 - 快取錯誤 and Equal 函數不追蹤訊號

計算訊號快取錯誤 計算訊號中的錯誤快取是 Angular 19.1.2 中的新功能。當 equal 函數拋出錯誤時,計算訊號會快取該錯誤。當讀取該值時,計算訊號...

鐵人賽 JavaScript
Signal API in Angular 系列 第 44

技術 Day 44 - toSignal 函數的 manualCleanup

當 toSignal 函數在 root-level 服務中建立訊號並將其傳回給元件時,creation context 就是 root-level 服務。當元件...

鐵人賽 JavaScript
Signal API in Angular 系列 第 43

技術 Day 43 - toSignal 函數的初始值

Observable 是惰性的;因此,除非被訂閱,否則它不會發出值。另一方面,訊號始終具有值,包括 toSignal 函數建立的訊號。雖然 toSignal 函...

鐵人賽 JavaScript
Signal API in Angular 系列 第 42

技術 Day 42 - toSignal 函數中的相等性檢查

在 Angular 18 中,toSignal 函數新增了與訊號和計算函數相同的可選 equal 選項。 當省略 equal 選項時,將套用預設值 (===),...

鐵人賽 JavaScript
Signal API in Angular 系列 第 41

技術 Day 41 - 使用 AfterRenderEffect 生命週期鉤子進行反應式 DOM 讀寫

Introduction 在 Angular 19 中,實驗性生命週期鉤子 afterRenderEffect 允許開發人員更新 DOM。 與 afterNex...

鐵人賽 JavaScript
Signal API in Angular 系列 第 40

技術 Day 40 - 使用 Angular 原理圖從裝飾器遷移到函數

input()、output()、viewChild()、viewChildren()、contentChild()、contentChildren()、out...

鐵人賽 JavaScript
Signal API in Angular 系列 第 39

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 38

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 37

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 36

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 35

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 34

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 33

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 32

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

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

鐵人賽 JavaScript
Signal API in Angular 系列 第 31

技術 Day 31 - 請不要使用 effect

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

鐵人賽 JavaScript DAY 30
Signal API in Angular 系列 第 30

技術 Day 30 - Angular 和 Signal 的未來

我的觀點是 Signal 是 Angular 的現在與未來。 我的理由: Signal 比 RxJS 更容易學習,因為 API 的方法不足 5 個,而 RxJ...

鐵人賽 JavaScript DAY 29
Signal API in Angular 系列 第 29

技術 Day 29 - 測試 Signals

測試 signals 是軟體開發中非常重要的一部分,但由於時間限制,它很容易被開發團隊忽略。 在應用程式中使用 signals、computed signals...

鐵人賽 JavaScript DAY 28
Signal API in Angular 系列 第 28

技術 Day 28 - 使用 Facade Pattern 從 Signal 遷移到 State Management Library

當應用程式較小且簡單時,signal就足以建構 state management 解決方案。當應用程式擴充時,我們應該考慮遷移到開源庫,例如 NGRX、NGRX...

鐵人賽 JavaScript DAY 26
Signal API in Angular 系列 第 26

技術 Day 26 - 將 Decorators遷移到 input、queries 和 output 函數

input()、output()、viewChild()、viewChildren()、contentChild()、contentChildren()、out...

鐵人賽 JavaScript DAY 25
Signal API in Angular 系列 第 25

技術 Day 25 - 使用outputFromObservable函數將Observable轉換為OutputRef

與 outputToObservable 相反的是 outputFromObservable。 此實用程式函數將 Observable 轉換為 OutputrR...

鐵人賽 JavaScript DAY 23
Signal API in Angular 系列 第 23

技術 Day 23 - output 函數介紹

今天,我將介紹與 Output 裝飾器 (decorator) 相對應的 output 函數。 output 函數負責向父組件發送值。output 函數傳回一個...

鐵人賽 JavaScript DAY 22
Signal API in Angular 系列 第 22

技術 Day 22 - contentChildren 函數介紹

今天,我將介紹 contentChildren,它是 @ContentChild 裝飾器 (decorator) 的訊號對應部分。 ContentChildre...

鐵人賽 JavaScript DAY 21
Signal API in Angular 系列 第 21

技術 Day 21 - contentChild 函數介紹

Today, I will introduce contentChild that is the signal counterpart of @ContentC...

鐵人賽 JavaScript DAY 19
Signal API in Angular 系列 第 19

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

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

鐵人賽 JavaScript DAY 18
Signal API in Angular 系列 第 18

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

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

鐵人賽 JavaScript DAY 17
Signal API in Angular 系列 第 17

技術 Day 17 - viewChild 函數簡介

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

鐵人賽 JavaScript DAY 16
Signal API in Angular 系列 第 16

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

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

鐵人賽 JavaScript DAY 15
Signal API in Angular 系列 第 15

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

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