鐵人檔案
這個系列將紀錄剛轉換職場的 Angular 新手，從零開始學習 Angular 的過程。內容會涵蓋環境建置、基礎語法、元件開發、路由、服務、API 串接、表單處理等核心主題，並分享每一天的學習心得與實作經驗。希望透過 30 天的練功日誌，快速掌握 Angular 的開發技巧，也能幫助同樣是新手的你！
管道 Pipes 是 Angular 模板表達式中的一個特殊運算符，使用 | 來轉換數據在畫面上顯示的格式官方有再提供 @angular/common 許多內建...
目前在 Angular 中表單處理方式，主要有兩種： 範本驅動型表單 (Template-driven Forms) 反應式表單 (Reactive Form...
今天介紹回應式表單 Reactive Forms ，它不在模板中定義表單，而是在元件類別中使用 FormControl、FormGroup 等來建立表單，適合複...
RxJs 是一個用於處理非同步資料流的函式庫，在 Angular 中被廣泛使用，特別是在處理 HTTP 請求、事件和其他非同步操作時。 今天僅會介紹一些 RxJ...
在處理動態資料時，經常需要與後端伺服器進行溝通，這通常透過 HTTP 請求來完成。今天要介紹如何在 Angular 中實現這一功能。 HttpClient Ht...
Angular 預設是一個單頁應用程式（SPA），為了實現不同頁面內容的切換，提供了強大的路由功能。透過路由，使用者可以根據網址（URL）的變化，動態顯示不同的...
今天會介紹一些昨天沒提到的路由功能，像是路由設定屬性、路由守衛以及延遲加載路由等功能 路由設定屬性 **： 通配符路由，用來匹配所有未定義的路由，通常用於顯示...
今天要介紹 Angular 的單元測試，單元測試的目的是將程式碼切割成小單元，並針對每個單元進行測試，以確保它們的功能正確且符合預期，不會影響到其他部分。 測試...
今天會體驗一下新動畫 API animate.enter、animate.leave，讓我們能更簡單地為元件添加進場動畫效果。 Angular 作為主流前端框架...
今天會介紹 Angular 專案的建置流程，以及兩種進階的建置模式 SSR 和 SSG。 Build 在 Angular 專案中，build 是將開發階段的程式...
