CK's Notepad

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來管理使用者的登入狀態

另外一個簡單的使用情境：Angular Component的 @Input Value，我要怎麼持續併動態的根據 @Input Value 取得相對應的資料呢?

Angular 裡面有許多管理 Application State 的方法 ，ngrx 是其中一種。ngrx 提供幾個 libraries 可以讓將 RxJS 與 Redux Style 結合在一起。

Decorators 是 function 掛有 @前綴符號，可以用於 class、paramemter、method 或 property的前面。用來提供額外的資訊。

Angular也將Decorators的功能，應用於本身的架構內，例如 @Component、@NgModule等，本篇文章會討論如果我們也想要自訂Decorators時，我們要怎麼去實作。