系列文章
第 1 型 - 前言
面對愈來愈複雜難搞的使用者操作需求，使得前端開發維護的難度日益增加，而 Angular 框架在各開發階段提供了完整的開發模式，讓在應用程式的前端開發可以更容易的...
第 2 型 - Angular CLI
在開發 Angular 應用程式時，會利用 Angular CLI 進行工作空間 (Workspace) 的建立，以及各項元件的開發、測試與佈署。本篇將針對 A...
第 3 型 - Angular 工作區與專案檔案結構
在上一篇利用 Angular CLI 建立了 Angular 工作空間 (Workspace)，今天就來了解這工作空間的檔案結構與用途。 整個 Angular...
第 4 型 - Angular 模組
在開發 Angular 應用程式時，會依照特定的規則（如是否為相同應用領域、或是否為一連串的作業流程等等）將元件分類至不同的模組。這一篇就來看如何定義與建立 A...
第 5 型 - Angular 元件
一般而言，Angular 應用程式會包括了頁面與樣式呈現以及資料處理兩部份。實務上，會將 Angular 元件 (Component) 來負責頁面與樣式的呈現，...
第 6 型 - 單向資料繫結 (One-way Binding)
在開發應用程式時，常會需要將資料顯示在頁面中，或是在使用者操作後更改資料。為了實作此種需求，Angular 提供了資料繫結 (Data Binding) 的方法...
第 7 型 - 元件互動與雙向資料繫結 (Two-way Binding)
Angular 應用程式主要是利用元件所組合而成，因此開發過程常需要處理元件之間的互動。例如在案例中，對於 AppComponent (父元件) 使用 Task...
第 8 型 - 屬性型指令 (Attribute Directive)
元件 (Component) 封裝了頁面檢視中的區域，其包含了頁面、樣式與邏輯；除此之外，Angular 還提供了指令 (Directive)，讓 Angula...
第 9 型 - 結構型指令 (Structural Directive) - *ngFor
上一篇說明了屬性型指令 (Attribute Directive)，而在這篇中將利用 Angular 內建的結構型指令 (Structural Directiv...
第 10 型 - 結構型指令 (Structural Directive) - *ngIf
在上一篇利用 *ngFor 指令實作待辦事項清單之後，接著就進一步在增加待辦事項需求。在這一篇將利用 *ngIf 指令，實作下列需求： 當沒有待辦事項資料時，...