CK's Notepad

Angular Pipe 是一個很強大的資料顯示轉型的工具，可以透過 Pipe 的幫忙，將原始資料轉換成我們想要顯示的樣式，且不會異動到原始資料的內容。

Angular 有內建了一些 Pipe 像是 DatePipe、 UpperCasePipe、LowerCasePipe、 CurrencyPipe 和 PercentPipe及其他的 Pipe。當然 Angular 也允許讓我們自訂 Pipe 的功能。

Angular 4 版內建了 Meta 的服務，雖然目前還是標示 EXPERIMENTAL (表示未來有可能會有 break change)，但還是先來玩看看，希望能和路由設定檔綁在一起。

EventManager 是一個很強大的 Angular 內建功能。預設有開啟三種 Event，Dom、Key、HammerGestures Plugin可以使用。EventManager 可以讓我們很簡單的控制全域 (window) 的事件。

Angular 4 將原本的 ngIf 的功能給擴充了。多了兩個新朋友 else 跟 then，就讓我們了解一下用法跟使用情境

Typescript 2.0 新增了一個功能 strictNullChecks ，這一功能的主要目的是將 null 與 undefined 視為不同的型別。在這個選項啟動時， Typescript 會去檢查所有有可能發生 null 的程式碼，在下面會看到當開啟時，需要調整的項目有哪些。這樣的嚴謹模式，可以大大的降低一些例外的發生

而 Angular 所使用的 Typescript 版本也是 2.0 以後的版本，爾當然支援這樣的功能，以下我就拿一個手上練習的專案將該功能該起後，所遇到的一些狀況跟解決方式。

Angular 4 將 Universal 的功能整合到 @angular/platform-server 裡，目前(2017/3/26) dotnet cli 所提供的 SPA 樣板尚未更新至最新版，如果在這個時間點想要更新到最新版時，就需要手動更新部分的檔案內容，這篇文章就是這描述這些異動，或許在未來的某一個時間點後，就不需要這麼麻煩了

Angular 的 directive 真的很厲害，幾乎什麼都能做，除了可以擴充原本 element 的功能外，也還可以做到結構上的控制變化，而這一類型的稱為 Structural directive

Angular 內建的表單驗證項目其實不多，網路上雖然也有人寫好的驗證擴充套件可以使用。但是，真正強大的是 Angular 允許我們自訂驗證規則，且很容易的套用到系統內，當然也可以簡單的讓其他專案使用。

這裡將會介紹 Custom Validator 的幾種實作方式

這次要介紹的是 Router 的 resetConfig 方法，這個方法可以讓我們動態的設定路由。以下就詳細的介紹一下

RxJS 裡的 Subject 有 4 種類型，Subject、BehaviorSubject、ReplaySubject 和 AsyncSubject，每一種類型的 Subject 都有各自的特性及使用時機，這次會使用 BehaviorSubject來管理使用者的登入狀態