Angular 7簡介

一、Component 組成Angular，就好像網頁組成網站的道理一樣。

二、一般而言一個Componet會由4個檔案或更多組成，而且放在同一個目錄之中。假設Componet名為AppComponet則其4個檔案為

1. app.component.spec.ts

2. app.component. ts

3. app.component.html

4. app.component.css

三、Angular CLI(command line interface)用於Angular專案，是一種指令式的介面，在寫Angular時利用Angular CLI的指令來產生Component，例如：

ng generate component Card 

其中ng generate component 是CLI指令，Card是Component的名字，這時候Angular CLI會在專案的App目錄中幫我們產生Card元件(連目錄帶檔案)如下圖

四、產生的元件還要在app.module.ts中宣告才能用。例如

五、建立專案時只有一個元件是App就放在App的根目錄中，但這個目錄有6個檔案，除了前面提過的

1. app.component.spec.ts

2. app.component. ts

3. app.component.html

4. app.component.css

5. app.module.ts

等5個檔案之外還有6. app-routing.module.ts其內容如下圖：

六、總結

Angular 2.0版以後，發展到現在已經到7.0版了，其架構與 Angular 1.xx版完全不同，Angular 2.0版以後簡稱Angular舊版的叫AngularJS。

AngularJS 的用法是 把angular.js組件import 到html檔案中就可以開始寫程式了。

Angular 的用法則 是要在Angular CLI 架構下開發，所謂的Angular 7 其實要搭配 Angular CLI 7來使用，Angular CLI的版本已經到7版表示它還不斷在改版，各個版本間的用法不盡相同。

Angular是Component導向，也就是說Angular網站是由Component組成。