第二課:Angular成員屬性與迴圈指令

Angular應用以模組 (module) 為單位，每一個應用至少有一根模組 (root module)，應用執行時，便由根模組展開。模組則由元件 (component)與服務 (service)所組成。元件負責HTML內容的呈現，而服務則是提供內容或是應用的執行邏輯。模組、元件與服務都必須寫成類別。官網文件附圖便非常清楚呈現Angular應用架構：

圖1. Angular應用架構(圖片來源)

第一課:第一個Angular專案

根據Angular GitHub上的說明，Angular是一個用來建立mobile apps或web apps的開發平台，期所使用的語言主要是Typescript/JavaScript。目前2017/11月，Angular最新的stable版本是5.0.0。

如何建立Angular開發環境？
本文介紹在node.js與Angular CLI環境下，如何來開發Angular-based applications。

1. 安裝Node.js。Node.js安裝好之後，便有後續需要之npm工具。根據Angular官方文件（https://angular.io/guide/quickstart），node建議版本是6.9.x以上，npm則是3.x.x。
2. 安裝好Node.js與npm後，在命令列下即可安裝Angular CLI

npm install -g @angular/cli

3. 如有需要

   node -v
   npm -v

   可檢查node與npm的版本。node版本過舊，通常建議移除後再重新安裝，npm則可用下列方式升級：

   npm install -g npm

Angular CLI安裝完畢，則可開始建立Angular專案。