因為搞不清楚到底什麼問題導致各種偏移，所以從SVG開始重新做，只保留兩個控制點跟一個圖形去掉底圖的控制功能跟固定功能，開始抓蟲 本來以為可以用AI處理bug，推...
在前兩篇文章中，我們講了如何從基本的 HTML 和 CSS 開始，慢慢學習一些基礎，然後幫助我們可以進入專案實作。但對於許多新手來說，從零開始設計和撰寫程式碼還...
這個部份我大概卡了一、兩個禮拜，還沒卡完，雖然是30天連續發文的鐵人賽，但是 side project 應該會做超過30天。 把東西疊在一起之後開始出現問題，腦...
搞一個可以共用的的彈窗模板先弄個Materila Dialog 底 //DialogComponent <h3 mat-dialog-title>...
Required signal inputs 不能在 constructor 或 field initializers 使用，因為當時該值不可用。為了存取該值，...
功能拆開的時候都很快樂，合併的時候才知道合不合適就算有先規劃順序，但還是有種瞎子摸象的感覺 操作環境跟程式碼 Day7 import { Component,...
寫到一半，突然意識到有角架、角櫃的存在，所以開始跟三角形搏鬥希望可以藉由點擊頂點來改變三角形的形狀，但是 ngx-movable 跟我理想的情況有點差距，所以寫...
要把三個功能合併的時候，決定還是用別人的套件了，時間有限這裡實作 矩形跟圓形官方的storyBook就有範例了 程式碼依舊在Stackblitz 首先先安裝 n...
因為要擺放家具，所以首要的重要功能就是需要拖曳家具，第二天先拆解這個功能出來練習目標是拖曳emoji進去卡片之中首先要安裝cdk npm install @an...
在設定開發環境是開發專案的第一步，因為環境沒設定好，未來會有很多問題。看起來蠻簡單的設置，但對新手來說，畢竟是剛開始要開發了，一定會有不確定性和困難。當我第一次...
我想整合不同的方法來使用 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之前使用了@...
Zoe Wu
Chiayu
yuie2322
connieleung
iThome鐵人賽
看影片追技術