CK's Notepad

Angular CLI 1.3.0 和 Angular 4.3 版本之前，要使用 SSR (Server Side Rendering) 其實還蠻複雜的，並不是無法做到，只是很麻煩。可是，當版本升級到 Angular 4.3 及 CLI 1.3.0 以後，這一切都變得非常簡單。這裡先說明如何快速地將 SSR 的環境建置起來

Protractor 也是一個出自 Google 之手的 E2E 測試框架，當初是為了測試 AngularJS 所開發出來的 E2E，當然也可以用來測試其他的一般網站，跟 Angular 2 (廢言)。雖然 Protractor 出來很久了，但是一直都沒有仔細的去研究怎麼使用，這篇文章就來記錄一些。

(不談怎麼設定環境，因為 Angular CLI 已經幫我們處理好了)

今天去參加社群的分享活動時，有人問到怎麼讓 Angular 的網站也可以使用 CDN 來加快網站的開啟方式。當下想到的方式是手動改 index.html，但事實上， Angular CLI 有提供更方便的方式。

最近很多人在瘋 Angular 測試，那官網程式學習筆記006 就來看官方是怎麼寫測試，這次只會先看 Angular Team 是怎麼測試service 類的程式碼

middleware 在 .NET Core 裡也是一個很重要的機制，來學習吧

如果有寫 C# 的人，多少都會寫到擴充方法(Extension Method) ，在 JavaScript 裡面也有雷同的功能，就是直接擴充 prototype 的功能，而 TypeScript 也同理，這裡整理 3 種擴充方法的寫法，並將擴充方法加入到 Angular 專案內使用

原本 Angular 就提供動態載入 Component 的方式，但是 Angular 又提供另外一種更簡單的方式，ngComponentOutlet，簡單到一個變態的境界

看完 Sam 所寫的 如何使用 Angular 實作下拉選單?，其實 Angular 針對 Select 這個控制項，有提供一些額外的功能，這邊文章就來整理一下這控制項的隱藏菜單

<aio-doc-viewer> Component 是顯示主要內容的區域，來研讀一下是如何動態抽換顯示內容的

這篇會研讀 <aio-nav-menu> 及 <aio-select> component，就是這一區塊