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

閱讀全文 »

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

閱讀全文 »

Typescript 2.0 新增了一個功能 strictNullChecks ,這一功能的主要目的是將 nullundefined 視為不同的型別。在這個選項啟動時, 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 的幾種實作方式

閱讀全文 »