自 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 介面。
... 繼續閱讀 ...
這幾個月以來，我們一直在利用 Angular 2 建構一個還不算小的入口網站，網站前端用的是 Angular 2 框架，後端用的是 ASP.NET Web API 2 框架，還好有 Angular 2 這樣一個優雅又完整的框架，讓我們整個前端團隊不分資深或資淺，大家都可以順利分工合作。如今網站即將上線，進入了要部署的時間點，原本在 Angular CLI 提供的開發伺服器上，程式都跑得好好的，但部署到 IIS 卻發生了網址路由的問題，除了首頁以外的頁面都會顯示 HTTP 404 Not Found 的錯誤，這該如何是好呢？本文告訴你如何解決！
... 繼續閱讀 ...
使用 Angular 2 開發網站跟以前 Angular 1 最不一樣的地方在於「網頁元件化」的觀念，網頁中所有看到的東西都將變成一個個的 directive 元件，當你將現有網頁 HTML 版型變成 Angular 2 的 Directive 元件後，Angular 2 執行時會把這些 HTML 片段編譯過，並且找出這些 HTML 片段中是否含有其他的 Directive 元件，如果有找到，就會初始化這個 Directive 元件。不過當你的 HTML 版型中有用到「自訂的 HTML 元素」或「寫錯的 HTML 元素」，執行時期就會立刻發生錯誤，這問題發生的原因與解決方法，將是本文討論的重點。
... 繼續閱讀 ...