全端開發人員天梯

在前兩天介紹 AsyncPipe 時，我們不難發現當進入 RxJS 思維時，搭配 AsyncPipe 可以帶來非常多的好處！雖然透過這種不使用 subscribe() 訂閱的方式，對於許多剛進入 Angular 或 RxJS 世界的朋友會感到不適應；尤其是當有更多複雜資料要處理時，不使用 subscribe() 訂閱後處理資料還真的不知道該如何處理是好。

其實只要透過 RxJS 提供的運算子(operators)，便能夠幫助我們減少大量的程式，並寫出更加好維護的程式碼！這兩天就讓我們來看看一些我個人在開發 Angular 時常用的 RxJS 應用技巧吧！

今天我們來認識一下兩個重要的 AsyncPipe 特性，可以幫助我們在使用 AsyncPipe 時更有信心，打造出更高效能的程式！

在撰寫前端程式時，我們很難避免會遇到非同步的程式處理，在大量使用 RxJS 的 Angular 中更是如此，而今天我們要介紹的 AsyncPipe 在樣板上要處理非同步可以說是非常方便的工具！

今天我們來看看元件內的變更偵測策略，打造高效能元件！

昨天我們講到了 Angular 使用 NgZone 來決定變更偵測的時機，今天我們來認識一下 Angular 提供的另外一個比較常用來決定變更偵測時機的工具 - ChangeDetectorRef

許多 Angular 開發人員對於 NgZone 這個詞應該都不太陌生，尤其是在早期 Angular 剛推出時，只要發生錯誤，就會在 F12 開發人員工具看到一堆看不太懂的錯誤，但都會看到 zone.js 或 NgZone 之類的字眼。這個 NgZone 到底是什麼呢？今天就來簡單介紹一下。

在 Angular 中不是只有 service 可以當 token 被注入，我們也可以單純的注入某個物件，這個物件通常是一個全域的系統設定，或是單純的一個函數(function)，這時候就會遇到一些問題，我們今天就來看看問題是什麼，以及如何解決！

前兩天我們學到了多種替換注入 token 內容的方法，今天我們來看看如何取得不同注入內容的方式：

昨天我們提到了在 @NgModule 中設定要抽換注入 token 的兩種比較簡單方法，今天我們把剩下兩種稍微複雜的也來介紹一下：

相依注入是一般物件導向程式設計的一個大重點，相依注入用得越好程式彈性就越高，而 Angular 本身架構就包含了非常強大的相依注入功能，讓我們自由切換想要注入的實體，今天就來看看在 @NgModule 的 providers: [] 中該如何自由的切換不同注入的內容：