系列文章
[Angular 大師之路] Day 11 - *ngIf 有 else 可以用嗎？
我們都知道，在 Angular 的樣板中可以使用 *ngIf 語法來決定某段內容是否要呈現，但許多剛入門的 Angular 開發人員很少注意到其實 *ngIf...
[Angular 大師之路] Day 12 - *ngTemplateOutlet 與 ng-template 的完美組合
昨天我們稍微提到了 <ng-template> ，並說明了可以把 <ng-template> 當作是一種樣板上等著被呼叫的方法(func...
[Angular 大師之路] Day 13 - 認識 ng-container
今天我們來聊聊在 Angular 上一個有趣又方便，也是個人非常喜歡使用的語法 - <ng-container> 類型：技巧 難度：3 顆星 實用...
[Angular 大師之路] Day 14 - 動態載入元件 (簡易版)
在設計 Angular 程式時，我們很習慣的會將各種不同目標或功能的畫面拆成不同的元件，這麼一來每個元件的程式就會相對比較簡單，管理上也會更加容易，不過當樣板上...
[Angular 大師之路] Day 15 - 動態載入元件 (複雜版)
昨天我們介紹了使用 *ngComponentOutlet 的方法來動態產生元件，其實它是一個使用 ViewContainerRef 來顯示不同內容的行為，因此我...
[Angular 大師之路] Day 16 - 自己的樣板語法自己做 (Structural Directives)
前幾天我們花了不少時間在介紹 *ngComponentOutlet 以及 *ngTemplateOutlet ，這種會改變 DOM 結構的語法，像是 *ngIf...
[Angular 大師之路] Day 17 - 使用 HTTP_INTERCEPTORS 攔截 Http Request
在開發 Angular 應用程式時，HTTP 請求絕對可以說是最常使用的功能之一，而在一般的應用情境上，我們很常會需要針對請求再做額外的包裝，或統一的管理，這時...
[Angular 大師之路] Day 18 - 使用 ErrorHandler 集中處理錯誤
今天我們來看看，如何集中管理所有的錯誤訊息。 類型：技巧 難度：3 顆星 實用度：3 顆星 在撰寫程式時，我們很難避免完全不發生任何錯誤，總是會有未預期錯誤發...
[Angular 大師之路] Day 19 - 使用 APP_INITIALIZER 在程式運行早期處理資料
在開發一個應用程式時，我們常常需要在程式正常運作前，進行一些初始化的動作，在 Angular 中則是提供了一個 APP_INITIALIZER 設定，讓我們可以...
[Angular 大師之路] Day 20 - 在 @NgModule 的 providers: [] 自由更換注入內容 (1)
相依注入是一般物件導向程式設計的一個大重點，相依注入用得越好程式彈性就越高，而 Angular 本身架構就包含了非常強大的相依注入功能，讓我們自由切換想要注入的...