鐵人檔案
這個系列將紀錄剛轉換職場的 Angular 新手，從零開始學習 Angular 的過程。內容會涵蓋環境建置、基礎語法、元件開發、路由、服務、API 串接、表單處理等核心主題，並分享每一天的學習心得與實作經驗。希望透過 30 天的練功日誌，快速掌握 Angular 的開發技巧，也能幫助同樣是新手的你！
之前有聽說過鐵人賽的活動，但一直沒有參加過，這次剛好趁著轉換工作的機會，想說來挑戰看看 Angular 框架。 Angular 是一個由 Google 所開發的...
這系列的文章會主要以 Angular 20 為主，這邊附上推薦的安裝環境給大家參考。 必須條件 Node.js - v20.19.0 或更新版本 文字編...
上一篇文章了解如何建立的專案後，今天我們就來了解專案的架構 tsconfig.app.json、tsconfig.json、tsconfig.spec.js...
元件概念 在進入元件的詳細介紹之前，先來了解一下建立元件的概念。為什麼現代前端框架都強調元件化的開發方式呢？ 最主要是關注點分離 Separation of C...
今天要介紹傳統 Angular 建立應用程式的方式 - 模組（Module）。 Angular Module Angular 模組是過去 Angular 應用程...
目前元件部分，我們只學習到顯示靜態的資料，接下來我們會學習如何在元件中處理資料，並且顯示在畫面上。 Angular 變數儲存方式 目前 Anngular 支援兩...
上一篇文章，我們介紹了動態處理資料的字串插值，這篇會介紹另一個重要技術：Binding 繫結 Binding 透過在屬性值周圍加上 [] 來綁定屬性值，動態更...
今天要來介紹事件監聽，讓使用者可以與應用程式互動。 在 Angular 要與應用程式互動，會使用 () 來綁定事件監聽器，並指定事件觸發時要執行的方法。 <...
在談到 Angular 中的變數新儲存方式 signal 前，需要介紹一下 Angular 背後的偵測機制。目前有兩種主要的變更偵測機制，當資料改變時，會觸發畫...
今天開始要介紹在模板中，如何使用條件語句來控制顯示的內容。目前主要有兩種寫法： 使用 @if 和 @else ( Angular 17+ ) 使用舊版的 *...
