Angular 4 版內建了 Meta 的服務,雖然目前還是標示 EXPERIMENTAL (表示未來有可能會有 break change),但還是先來玩看看,希望能和路由設定檔綁在一起。
[Angular] EventManager
EventManager 是一個很強大的 Angular 內建功能。預設有開啟三種 Event,Dom
、Key
、HammerGestures
Plugin可以使用。EventManager 可以讓我們很簡單的控制全域 (window) 的事件。
[Angular] ngIf 跟他的新朋友 else 和 then
Angular 4 將原本的 ngIf
的功能給擴充了。多了兩個新朋友 else
跟 then
,就讓我們了解一下用法跟使用情境
[Angular] 啟用 strictNullChecks
Typescript 2.0 新增了一個功能 strictNullChecks
,這一功能的主要目的是將 null
與 undefined
視為不同的型別。在這個選項啟動時, Typescript 會去檢查所有有可能發生 null
的程式碼,在下面會看到當開啟時,需要調整的項目有哪些。這樣的嚴謹模式,可以大大的降低一些例外的發生
而 Angular 所使用的 Typescript 版本也是 2.0 以後的版本,爾當然支援這樣的功能,以下我就拿一個手上練習的專案將該功能該起後,所遇到的一些狀況跟解決方式。
[Angular] Angular 4 - Universal with ASP.NET Core
Angular 4 將 Universal 的功能整合到 @angular/platform-server
裡,目前(2017/3/26) dotnet cli 所提供的 SPA 樣板尚未更新至最新版,如果在這個時間點想要更新到最新版時,就需要手動更新部分的檔案內容,這篇文章就是這描述這些異動,或許在未來的某一個時間點後,就不需要這麼麻煩了
[Angular] 結構性 Directive
Angular 的 directive
真的很厲害,幾乎什麼都能做,除了可以擴充原本 element 的功能外,也還可以做到結構上的控制變化,而這一類型的稱為 Structural directive
[Angular] Custom Validator
Angular 內建的表單驗證項目其實不多,網路上雖然也有人寫好的驗證擴充套件可以使用。但是,真正強大的是 Angular 允許我們自訂驗證規則,且很容易的套用到系統內,當然也可以簡單的讓其他專案使用。
這裡將會介紹 Custom Validator 的幾種實作方式
[Angular] Router 的 resetConfig 方法
這次要介紹的是 Router 的 resetConfig 方法,這個方法可以讓我們動態的設定路由。以下就詳細的介紹一下
[RxJS]使用情境(3)- 利用 BehaviorSubject 來管理使用者登入狀態
RxJS 裡的 Subject 有 4 種類型,Subject、BehaviorSubject、ReplaySubject 和 AsyncSubject,每一種類型的 Subject 都有各自的特性及使用時機,這次會使用 BehaviorSubject
來管理使用者的登入狀態
[RxJS]使用情境(2)- Component Input watcher
另外一個簡單的使用情境:Angular Component的 @Input Value,我要怎麼持續併動態的根據 @Input Value 取得相對應的資料呢?