系列文章
第 11 型 - 結構型指令 (Structural Directive) - ngSwitch
上一篇利用 ngIf 指令實作了兩個條件分支的需求。然而，實務上還會遇到有多個條件分支的需求，在這一篇將利用另外一個 Angular 內建的指令 - ngSwi...
第 12 型 - 管道 (Pipe) - JsonPipe / LowerCasePipe / UpperCasePipe / TitleCasePipe
前幾篇所談論的指令 (Directive) 主要負責改變 DOM 元素外觀與行為，或是更改 DOM 結構樹。另外，Angular 也提供管道 (Pipe) 來針...
第 13 型 - 管道 (Pipe) - SlicePipe / DecimalPipe / PercentPipe / CurrencyPipe
上一篇利用 Angular 內建的管道實作待辦事項標籤的需求。這一篇將利用其他的管道來實作下列需求： 待辦事項主旨最長顯示 10 個字 待辦事項標籤最多顯示...
第 14 型 - 管道 (Pipe) - DatePipe
前幾篇談論了幾個 Angular 內建的管道 (Pipe)，這一篇將使用 Angular 提供的 DatePipe 來實作需求，並進一步自訂一個管道 (Pipe...
第 15 型 - Angular 生命週期 (Lifecycle) - onChanges / onInit / doCheck / onDestroy
Angular 應用程式在運行時，每個元件從實體化並渲染頁面，至離開頁面而銷毀元件實體，整個生命週期 (Lifecycle) 中 Angular 會檢查資料屬性...
第 16 型 - Angular 生命週期 (Lifecycle) - AfterContentInit / AfterContentChecked
在上篇說明了 Angular 幾個生命週期鉤子方法 (Lifecycle hook methods)，而這篇將繼續說明 AfterContentInit 與 A...
第 17 型 - Angular 生命週期 (Lifecycle) - AfterViewInit / AfterViewChecked
上一篇說明了 <ng-content> 元素，以及 AfterContentInit 與 AfterContentChecked 鉤子方法。而這一篇...
第 18 型 - 服務 (Service)
在 Angular 應用程式中，元件 (Component)、指令 (Direcitve) 與管道 (Pipe) 皆負責針對操作頁面的顯示與邏輯；而在資料方面的...
第 19 型 - HttpClient
上一篇將待辦事項資料從元件 (Component) 抽離至服務 (Service) 中；接下來，這一篇將利用 Angular 內建的 httpClient 從伺...
第 20 型 - 依賴注入 (Dependency Injection, DI)
在上兩篇中，建立了兩個服務，並利用依賴注入 (Dependency Injection, DI) 的方法注入至元件內；這一篇將進一步了解 Angular 的依賴...