從 Angular 14 開始，全新架構獨立元件(Standalone Component)騰空出世，帶給 Angular 開發者一個全新感受，用更簡潔的程式碼、更清晰的架構，幫助開發人員架構元件與管理元件之間的依賴關係。而從 Angular 15.2.0 開始，更提供了一個 Schematics (程式碼產生器與編修工具) 可以幫助你快速移轉傳統元件為獨立元件，甚至於可以連同 AppComponent 也一併轉換成獨立元件，讓整個 Angular 應用程式都變成以獨立元件為主。這篇文章我來說說這套工具的使用方式！
... 繼續閱讀 ...
我們漸漸在不同專案中嘗試 Monorepo 架構，讓前後端分離的專案中可以共用同一個 Repo 來進行專案開發與管理。今天這篇文章我就簡單分享如何利用 Angular CLI 與 .NET CLI 來快速打造一個 Monorepo 的專案。
... 繼續閱讀 ...
最近推出的 Angular CLI 7.3 版本，新增了一個相當亮眼的特性。當你的 Angular 應用程式同時要符合 IE 或舊版瀏覽器時，以往都會用 Polyfill 來填充缺少的 HTML5/JS APIs，但這件事到了 Angular CLI 7.3 又變得更貼心了。不但如此，這個新特性一樣可以用在各種 SPA 框架中，像是 Vue, React 或其他函式庫也都可以套用相同技巧。欲知詳情請繼續看下去。
... 繼續閱讀 ...
Angular CLI 1.6 的其中一個亮點，就是內建了 Angular Universal 伺服器渲染功能的程式碼產生器，他可以將目前正在開發中的專案直接升級到擁有 SSR (伺服器渲染) 能力。這篇文章就來帶大家了解實作的步驟。
... 繼續閱讀 ...
自 Angular 4.0 開始 Angular Universal 就已經正式併入 Angular 核心功能，本篇文章將示範如何將一個由 Angular CLI 建立的專案，加入 Angular Universal 伺服器渲染能力，只要透過 Node.js 知名的 Express 網站框架，即可快速實現 Angular 的伺服器渲染能力 ( SSR ) ( Server-side Rendering )。
... 繼續閱讀 ...
最近開辦了許多 Angular 2 訓練課程，許多學員都有提到一個問題，就是如何讓我們現有的 ASP.NET MVC 5 網站跟 Angular 2 整合在一起。這個問題有個很簡單的回答：不要在開發時期整在一起，部署的時候放在一起就好！但是 Angular 2 網站在開發的過程中要怎樣才能成功呼叫我們用 ASP.NET MVC 或 ASP.NET Web API 寫好的 RESTful API 呢？本篇文章將介紹一個鮮為人知的「內建功能」，可以讓你在開發時期就可以很方便的呼叫任意遠端任意 HTTP API 介面。
... 繼續閱讀 ...