其實之前就有認真考慮想學React和Angular,本來是打算先學React,不過因為在研究的專案使用的是Angular,所以就先來研究Angular了,而且Angular也開始將文件中文化,我相信在學習上應該會比只有英文文件來得順利一些,不過老實說我覺得Angular有點複雜就是了XD
Angular 2 中文官網:https://angular.cn/
準備工作
首先從官方網站的五分鐘入門開始:
- 安裝Node.js
- 到這個Github頁面,下載入門包(或依官網逐步建立檔案)
- 安裝所需要的Module:
npm install - 安裝TypeScript:
npm install -g typescript - 安裝Typings:
npm install -g typings
到這邊就算是準備完畢了!
Angular基本介紹
Angular App的組成有四大元件:Component、Service 、Router 、Directive
補充:因為Angular有官方中文化文件,所以以下關鍵字會以官方的中文翻譯為主
Component 組件
組件是Angular最基本的組成,一個網站都會有一個AppComponent來當Root Component 根組件,可以想像成樹的最根部。
這個根組件裡面還會有其他組件,例如:SidebarComponent 、HeaderComponent等等,當然還可以繼續長下去變成一棵組件樹。

2016-11-08 at 下午 10:21
我的媽呀,跟一代差好多 …. 完全是不一樣的東西