Angular 團隊在 Angular 版本 19 中發布了 resource 和 rxResource 函數，以方便資料檢索。resource 的 loade...
Angular 19 中引入的新 LinkedSignal 功能透過允許訊號 (signal) 直接連結到來源值，提供了管理反應狀態 (reactive sta...
更新儲存在 Angular 訊號中的 Map 時可能會出現微妙的錯誤，這主要是由於 change detection 如何與物件引用 (object refer...
元件通訊 (component communication) 是元件架構裡面重要的一環，其中父元件向子元件提供輸入，子元件將結果傳回給其父元件。 我將示範 An...
toSignal 函數的來源是一個 Observable，當滿足錯誤條件時，Observable 會拋出錯誤。 Observable 拋出錯誤後，每當讀取 si...
toSignal 函數的回傳類型為 Signal<T | undefined>。 Observable 是惰性的，當事件發生時發出第一個值。因此，在...
Required signal inputs 不能在 constructor 或 field initializers 使用，因為當時該值不可用。為了存取該值，...
我想整合不同的方法來使用 Observable、 Signal 和 HttpClient 在 Angular 中檢索資料。根據我的觀察，我發現了六種資料檢索模式...
我觀看了 YouTube 視頻，其中 Angular 團隊負責人 Alex Rickabaugh 不鼓勵使用 effect。 然後，他示範了一種用 comput...
我的觀點是 Signal 是 Angular 的現在與未來。 我的理由： Signal 比 RxJS 更容易學習，因為 API 的方法不足 5 個，而 RxJ...
測試 signals 是軟體開發中非常重要的一部分，但由於時間限制，它很容易被開發團隊忽略。 在應用程式中使用 signals、computed signals...
當應用程式較小且簡單時，signal就足以建構 state management 解決方案。當應用程式擴充時，我們應該考慮遷移到開源庫，例如 NGRX、NGRX...
input()、output()、viewChild()、viewChildren()、contentChild()、contentChildren()、out...
與 outputToObservable 相反的是 outputFromObservable。 此實用程式函數將 Observable 轉換為 OutputrR...
今天，我將介紹與 Output 裝飾器 (decorator) 相對應的 output 函數。 output 函數負責向父組件發送值。output 函數傳回一個...
今天，我將介紹 contentChildren，它是 @ContentChild 裝飾器 (decorator) 的訊號對應部分。 ContentChildre...
Today, I will introduce contentChild that is the signal counterpart of @ContentC...
viewChild 函數的另一個高階用例是將 NgTemplate 嵌入到 ViewConatinerRef 中。當範本非常簡單到擁有一個組件就顯得有些過分時，...
viewChild 函數的一個高階用例是在 ViewConatinerRef 中建立 Angular 組件。。當我們知道應用程式載入期間不需要 Angular...
從 Angular 17 開始，團隊開始將 decorators 遷移到 signals。第一個是 @Input decorator 和對應的 signal i...
在現代 Angular 中，組件中的雙向資料綁定 (two-way data binding)，一般經驗法則是採用單向資料流 (unidirectional d...
第 14 天，我示範了host element可以將properties和attributes綁定到signal和signal input。signal inp...
In angular.dev official documentation, I found the following statement Always p...
在 Angular 16 中，withComponentInput 可以將路由資料綁定到Input decorator。相同的功能也適用於signal inpu...
Angular架構使開發人員能夠將資料從父組件傳遞到子組件。子組件由可在HTML範本中顯示或進一步處理以產生新的結果。 Angular在signal之前使用了@...
回顧第10天，effect追蹤signal並在任何signal值更新時運行effect函數。當signal不是effect的依賴項時，它會呼叫未追蹤的函數以防止...
在第3天和第4天，我簡要介紹了effect，例子是記錄各種signal的值。根據我的經驗，effect不僅僅是記錄signal的值。一些例子是， 向伺服器發出...
第 5 天，我介紹了將Observable轉換為signal的toSignal函數。在我的範例中，我在組件中使用 toSignal`來避免root-level...
昨天，我介紹了toSignal函數，它可以將可觀察序列(Observable)轉換成訊號 (Signal)。事實上，我們也可以使用 toObservable 函...
本文至此已介紹了Signal的建立(create)、更新 (update)、擷取 (retrieve) 和衍生 (derivation)。如果我有一些舊的程式碼...
connieleung
iThome鐵人賽
看影片追技術