鐵人檔案
Angular 官網的經典教學「英雄之旅」(Tour of Heroes) 已成絕響，讓不少新手少了一張入門地圖。
這個系列將結合我近幾年的 Angular 開發經驗，試著重建屬於這個時代的英雄之旅。
希望無論你是新手還是老手，都能和我一起踏上這段旅程，並透過你的回饋讓這趟旅程更完整、更有趣！
哈囉，各位邦友們！昨天完成了 provideRouter 與兩個頁面（Dashboard / Heroes）。今天要把「路由參數」接進來，實作 /detail/...
哈囉，各位邦友們！昨天我們完成了 /detail/:id，並用 withComponentInputBinding() 讓路由參數直綁到元件。今天會在專案中導入...
哈囉，各位邦友們！昨天我們把資料讀取改成 HttpClient + in-memory 假後端。今天要讓「新增」與「更新」也透過 POST/PUT 將使用者的輸...
哈囉，各位邦友們！昨天我們完成了 HeroService 的新增、更新流程，也在畫面上實現了互動。今天要補上 CRUD 最後一塊：刪除 (DELETE)，同時透...
哈囉，各位邦友們！昨天我們完成了 HeroService 的刪除流程，並在畫面上加上錯誤提示，避免失敗操作沒人知道。但通常實戰時還會需要考慮到「等待」與「沒有資...
哈囉，各位邦友們！昨天我們在 Heroes 頁加上 Loading 與 Empty 狀態，讓使用者能明確知道目前資料的狀態。今天則是要來實作即時搜尋，會透過 R...
哈囉，各位邦友們！昨天我們把 Heroes 完成了即時搜尋，透過 Subject、debounceTime、switchMap 組成一條資料流。目前累積使用了不...
哈囉，各位邦友們！昨天實作了不少東西，感覺一不小心塞太多了。今天只要在細節頁加入英雄頭像，並使用 NgOptimizedImage 優化就好。 今天要做什麼？...
哈囉，各位邦友們！前面一路從 Standalone、Signals、HTTP，到昨天的 NgOptimizedImage，可以說核心功能都穩定下來了。今天就來開...
哈囉，各位邦友們！昨天我們把 Heroes 頁面的新增與編輯流程全面重構為 Reactive Forms。今天則要把自訂驗證訊息放進來，透過 Angular 內...
