[從 0 開始的 Angular 生活]No.34 透過服務元件重構現有的元件程式碼
呈上篇，在掌握如何使用服務元件並且透過 DI 將其注入元件中使用後，緊接著我們就可以利用此技巧將原本元件內的邏輯抽出進行重構了。
[從 0 開始的 Angular 生活]No.33 建立 Angular 服務元件與實作相依注入
發表於 | 更新於 | 分類於 前端學習
到目前為止大部分的程式碼都放在 ArticleModule ，而這個 Module 內包含三個元件，其中 ArticleList 是父元件 ； ArticleHeader 與 ArticleBody 為子元件。大部分的程式邏輯與資料全部都放在 ArticleList 內，那麼我們要如何利用服務元件來協助處理這部分呢？
[從 0 開始的 Angular 生活]No.32 介紹 ngOnChanges 生命週期 Hook
發表於 | 更新於 | 分類於 前端學習
之前曾經介紹到 Angular 元件生命週期的 Hook 分別是 ngOnInit 與 ngOnDestroy ，在那篇文章內曾經說過元件被實體化的過程，第一個先執行的是建構式 constructor ，也提到盡量不要再建構式裡面寫程式碼。這次要介紹的是另一個生命週期的 Hook- ngOnChanges 。
[從 0 開始的 Angular 生活]No.31 實作單向資料流與不可變的物件
發表於 | 更新於 | 分類於 前端學習
上一篇解釋了什麼是單向資料流以及不可變的物件，這一篇要透過實作來了解。
[從 0 開始的 Angular 生活]No.30 解釋單向資料流與不可變的物件
發表於 | 更新於 | 分類於 前端學習
單向資料流與不可變的物件，究竟這是什麼意思呢？
[從 0 開始的 Angular 生活]No.29 定義 Angular 元件的輸出介面 - @Output()
發表於 | 更新於 | 分類於 前端學習
在物件導向程式的領域，有個稱為 OCP ( Open Closed Principle ) 的原則，中文稱為開放封閉原則。這原則說的是，在進行物件導向程式設計時要能符合開放擴充但封閉修改的要素，這樣子才能把每個不同的物件獨立切開、互不干擾。
[從 0 開始的 Angular 生活]No.28 Angular 的生命週期 Hook - ngOnInit 與 ngOnDestroy
發表於 | 更新於 | 分類於 前端學習
每一個 Angular 元件都有自己的生命周期，元件隨時會被建立也有可能隨時被註銷，之前介紹到結構性指令的時候也有稍微提到一些。而這一篇文章主要介紹的是，元件被建立的過程中程式碼運行的順序是如何？
[從 0 開始的 Angular 生活]No.27 定義 Angular 元件的輸入介面 - @input()
發表於 | 更新於 | 分類於 前端學習
承接上一篇文章，目前資料是存放於父元件的，但卻是子元件需要這份資料做輸出，那要如何將父元件的資料傳遞給子元件呢？
[從 0 開始的 Angular 生活]No.26 建立 Angular 功能模組
發表於 | 更新於 | 分類於 前端學習
當專案的架構越來越龐大時，此時會將一些較相關的元件與服務元件獨立封裝成一個 Angular 的模組，像這種根據特定功能建立的模組，有時候也被稱為功能模組 (Feature Module)
[從 0 開始的 Angular 生活]No.25 Angular 元件架構
發表於 | 更新於 | 分類於 前端學習
Angular 是採用元件化模組開發的框架，可以想像就是不同大大小小元件堆砌而成的網頁，這樣的情況下元件架構又是如何呢？