因為要擺放家具，所以首要的重要功能就是需要拖曳家具，第二天先拆解這個功能出來練習目標是拖曳emoji進去卡片之中首先要安裝cdk npm install @an...
在設定開發環境是開發專案的第一步，因為環境沒設定好，未來會有很多問題。看起來蠻簡單的設置，但對新手來說，畢竟是剛開始要開發了，一定會有不確定性和困難。當我第一次...
我想整合不同的方法來使用 Observable、 Signal 和 HttpClient 在 Angular 中檢索資料。根據我的觀察，我發現了六種資料檢索模式...
我觀看了 YouTube 視頻，其中 Angular 團隊負責人 Alex Rickabaugh 不鼓勵使用 effect。 然後，他示範了一種用 comput...
Angular 19.1.0 對 ngComponentOutlet 新增 componentInstance getter。 透過 componentInst...
我的觀點是 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)。如果我有一些舊的程式碼...
在第3天，我們介紹了Signal API、Computed Signal和Effect。今天，我們將介紹新用戶可能會遇到的Signal技巧和陷阱。 應用 equ...
Angular 16 中最重要的API就是 Signal API。一個Signal可以持有原始值或物件，當值更新時會通知範本和相依的 Signals。不同於有數...
Zoe Wu
Chiayu
connieleung
iThome鐵人賽
看影片追技術