一、AngularJS2 教程

AngularJS2 是一款開源JavaScript庫，由Google維護，用來協助單一頁面應用程序運行。

AngularJS2 是 Angular 1.x 的升級版本，性能上獲得顯著的提升，能很好的支持 Web 開發組件。

AngularJS2 發佈於2016年9月份，它是基於ES6來開發的。

學習本教程須要的基礎知識

學習本教程前，你須要具有基本的前端基礎：HTML、CSS、JavaScript。此外你還須要瞭解 NPM 及 TypeScript。

• NPM 使用介紹。
• TypeScript 入門教程

Angular2.x與Angular1.x 的區別

Angular2.x與Angular1.x 的區別相似 Java 和 JavaScript 或者說是雷鋒與雷峯塔的區別，因此在學習Angular2.x時你們須要作好從新學習一門語言的內心準備。

運行條件!

因爲目前各類環境（瀏覽器或 Node）暫不支持ES6的代碼，因此須要一些shim和polyfill（IE須要）讓ES6寫的代碼可以轉化爲ES5形式並能夠正常運行在瀏覽器中。

從上圖能夠看出在 Es5 瀏覽器下須要如下模塊加載器：

• systemjs - 通用模塊加載器，支持AMD、CommonJS、ES6等各類格式的JS模塊加載。

• es6-module-loader - ES6模塊加載器，systemjs會自動加載這個模塊。

• traceur - ES6轉碼器，將ES6代碼轉換爲當前瀏覽器支持的ES5代碼，systemjs會自動加載 這個模塊。

相關參考文檔

• Angular 官網：https://angular.io/
• Angular 官方文檔：https://angular.io/docs/ts/latest/quickstart.html
• Angular 中文文檔：https://angular.cn/docs/ts/latest/quickstart.html
• Angular Github:https://github.com/angular/angular