提問：專案需要加入一個 NavBar，依據不同頁面顯示切換樣式。 實作方式： 這次的架構針對 NavBar 的部分總共會有四個角色：NavBar 本體、控...
toSignal 函數的回傳類型為 Signal<T | undefined>。 Observable 是惰性的，當事件發生時發出第一個值。因此，在...
本日進度 Day17 不確定大家知不知道怎麼操作Demostackblitz會自己處理好環境跟指令等到跑完之後，會出現目錄，之後點對應的日期就可以看了 因為還沒...
在寫 Side Project 的時候，覺得我的專案應該更國際化，而且在現代的網頁開發中，支援多國語言已經成為了一項重要的需求。無論是英文使用者還是台灣的繁體中...
本日進度 Day16 終於做到這步了，這次利用的是 nz-table 跟 nz-popconfirm直接在 table 上進行增刪改查 要注意的是這裡的 nz-...
本日進度 Day15 鐵人賽30天感覺我大概拆了15天，使用Angular的裝飾器來直接操作 DOM 元素因為SVG的 裡面不能放 ng container，...
全部東西都寫在一起真的是受不了，還是決定花時間拆一下因為ng-zorro提供的不合需求所以自己刻首先產出popover提示框的元件，免得遇到更多悲劇順便展示一下...
因為還要記錄家具裡面裝了什麼東西，所以調整了一下 UX先出現一個提示框可以選要調整家具還是要調整收納用品一樣是雙擊出現，如下方圖片 之後就可以點擊家具按鈕，出現...
目前雙擊家具之後可以出現彈窗，本日進度 Day12 在每個家具上面監聽雙擊事件，然後綁定 handleDoubleClick private createF...
初始計劃 原本打算使用 ng-bootstrap 製作彈窗 其他UI部分計劃自己開發 開發過程 成功開發彈窗模組 遇到 input、checkbox、Ra...
因為搞不清楚到底什麼問題導致各種偏移，所以從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...
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...
艾瑞卡
connieleung
Zoe Wu
Chiayu
yuie2322
iThome鐵人賽
看影片追技術