最近一直在使用阿裡的NG-ZORRO（Angular元件庫）開發公司後端的管理系統，寫了一段時間的Angular以後發現對于我們.NET後端開發而言真是非常的友善。是以這篇文章主要是對這段時間使用Angular做一些小總結，希望可以幫到有需要的同學。
https://www.tslang.cn/docs/home.html
https://angular.cn/docs
https://github.com/angular/angular
https://angular.cn/cli
什麼是生命周期函數？
通俗的來說，聲明周期函數就是元件建立，元件更新，元件銷毀是會觸發的一系列方法。
生命周期鈎子：https://angular.cn/guide/lifecycle-hooks
當 Angular 使用構造函數建立一個元件或指令後，就會按下面的順序在特定時刻調用這些生命周期鈎子方法：
注意：constructor 構造函數（依賴注入，起到對應局部變量值初始化作用）： 除了使用簡單的值對局部變量進行初始化之外，什麼都不應該做！！
<col>
鈎子
用途及時機
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 銷毀指令/元件之前調用。
可在如下位址獲得 NodeJS 的安裝包：https://nodejs.org/en/
詳細安裝圖解:https://www.runoob.com/nodejs/nodejs-install-setup.html
安裝成功後檢視node版本：
NodeJS 安裝 好之後，NPM 也就可以用了（NPM是随同NodeJS一起安裝的包管理工具）。但 NPM 的預設安裝源在國外，通常會比較慢或者是直接因為網絡原因安裝失敗，是以需要把 NPM 的安裝源設定到國内鏡像源，淘寶鏡像（http://npm.taobao.org/）是個不錯的選擇，執行如下指令設定将淘寶鏡像設定為NPM的安裝源：
Angular-CLI詳細簡介：https://www.jianshu.com/p/3d17d5ee1951
安裝指令（隻需要安裝一次）
安裝前最好是先NPM安裝源切換成淘寶鏡像，如下使用國外鏡像安裝因為網絡原因報錯：
安裝完成：
在終端(win+r 輸入cmd)中打開E:\Angular 檔案目錄，輸入一下指令建立項目：
直接通過命名運作腳手架搭建的項目：
ng serve 指令會啟動開發伺服器、監視檔案，并在這些檔案發生更改時重建應用。 --open（或者隻用 -o 縮寫）選項會自動打開你的浏覽器，并通路 http://localhost:4200/。
好了你的第一個Angular項目運作成功:
作者：追逐時光者 作者簡介：一個熱愛程式設計，善于分享，喜歡學習、探索、嘗試新事物，新技術的程式猿。 本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。如果該篇文章對您有幫助的話，可以點一下右下角的【♥推薦♥】，希望能夠持續的為大家帶來好的技術文章，文中可能存在描述不正确或錯誤的地方，歡迎指正、補充，不勝感激 ！