前言：
最近一直在使用阿里的NG-ZORRO（Angular元件庫）開發公司後端的管理系統，寫了一段時間的Angular以後發現對於我們.NET後端開發而言真是非常的友善。因此這篇文章主要是對這段時間使用Angular做一些小總結，希望可以幫到有需要的同學。
Angular學習前必備基礎知識點：
TypeScript基本常識：
Angular中文文件：
GitHub地址：
Angular CLI命令參考手冊：
Angular中的生命週期函式：
什麼是生命週期函式？
通俗的來說，宣告周期函式就是元件建立，元件更新，元件銷燬是會觸發的一系列方法。
當 Angular 使用建構函式新建一個元件或指令後，就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法：
注意：constructor 建構函式（依賴注入，起到對應區域性變數值初始化作用）： 除了使用簡單的值對區域性變數進行初始化之外，什麼都不應該做！！
|
鉤子
|
用途及時機
|
|
ngOnChanges()
|
當 Angular（重新）設定資料繫結輸入屬性時響應。 該方法接受當前和上一屬性值的 SimpleChanges 物件
在 ngOnInit() 之前以及所繫結的一個或多個輸入屬性的值發生變化時都會呼叫。
|
|
ngOnInit()
|
在 Angular 第一次顯示資料繫結和設定指令/元件的輸入屬性之後，初始化指令/元件。
在第一輪 ngOnChanges() 完成之後呼叫，只呼叫一次。[請求資料時使用]
|
|
ngDoCheck()
|
檢測，並在發生 Angular 無法或不願意自己檢測的變化時作出反應。
在每個變更檢測週期中，緊跟在 ngOnChanges() 和 ngOnInit() 後面呼叫。
|
|
ngAfterContentInit()
|
當 Angular 把外部內容投影進元件/指令的檢視之後呼叫。
第一次 ngDoCheck() 之後呼叫，只呼叫一次。
|
|
ngAfterContentChecked()
|
每當 Angular 完成被投影元件內容的變更檢測之後呼叫。
ngAfterContentInit() 和每次 ngDoCheck() 之後呼叫
|
|
ngAfterViewInit()
|
當 Angular 初始化完元件檢視及其子檢視之後呼叫。
第一次 ngAfterContentChecked() 之後呼叫，只呼叫一次。
|
|
ngAfterViewChecked()
|
每當 Angular 做完元件檢視和子檢視的變更檢測之後呼叫。
ngAfterViewInit() 和每次 ngAfterContentChecked() 之後呼叫。
|
|
ngOnDestroy()
|
每當 Angular 每次銷燬指令/元件之前呼叫並清掃。 在這兒反訂閱可觀察物件和分離事件處理器，以防記憶體洩漏。
在 Angular 銷燬指令/元件之前呼叫。
|
Node.js(攜帶NPM包管理工具)安裝配置：
安裝Nodejs，NodeJS 是必須的：
可在如下地址獲得 NodeJS 的安裝包：https://nodejs.org/en/
安裝成功後檢視node版本：
node --version node -v
切換npm安裝映象源，解決npm install緩慢問題：
NodeJS 安裝 好之後，NPM 也就可以用了（NPM是隨同NodeJS一起安裝的包管理工具）。但 NPM 的預設安裝源在國外，通常會比較慢或者是直接因為網路原因安裝失敗，因此需要把 NPM 的安裝源設定到國內映象源，淘寶映象（http://npm.taobao.org/）是個不錯的選擇，執行如下命令設定將淘寶映象設定為NPM的安裝源：
臨時切換使用：
npm --registry https://registry.npm.taobao.org install express
持久使用（推薦）：
npm config set registry https://registry.npm.taobao.org # 恢復 npm config delete registry
配置後驗證是否成功：
npm config get registry 或者 npm info express
安裝Angular相關開發環境：
Angular-CLI構建工具(腳手架工具)安裝說明：
Angular-CLI詳細簡介：https://www.jianshu.com/p/3d17d5ee1951
全域性安裝腳手架工具：
安裝命令（只需要安裝一次）
npm install -g @angular/cli 或者 cnpm install -g @angular/cli --推薦使用速度較快
安裝前最好是先NPM安裝源切換成淘寶映象，如下使用國外映象安裝因為網路原因報錯：
安裝完成：
驗證Angular環境是否安裝成功：
Angular專案建立並執行：
通過Angular腳手架建立一個新的專案：
在終端(win+r 輸入cmd)中開啟E:\Angular 檔案目錄，輸入一下命令新建專案：
ng new MyAngularProject(專案名稱)
直接通過命名執行腳手架搭建的專案：
ng serve --open
ng serve 命令會啟動開發伺服器、監視檔案，並在這些檔案發生更改時重建應用。
--open（或者只用 -o 縮寫）選項會自動開啟你的瀏覽器，並訪問 http://localhost:4200/。
好了你的第一個Angular專案執行成功:
