破境Angular（二）Angular構件

1、Angular構件
Angular的構件以下：

1.模塊是一個容器，用於存放代碼塊；可導入其餘模塊中導入的功能；導出指定的功能。
2.組件定義和控制屏幕上的一片區域，構成一個視圖
3.服務是一個明肯定義了用途的類，例如加密，鑑權
4.指令可用於控制視圖中DOM樹的展示以及數據綁定
5.管道的做用是作數據轉換，例如轉換貨幣單位，大小寫。管道的功能也能夠經過服務來實現，管道的寫法更簡潔，優雅，例如：{{name | Uppercase}}。

2、Angular構件關係

Angular的構件關係以下：

1.一個模塊能夠導入其餘模塊，也能夠導出其餘模塊
2.模塊包含組件，指令，管道，完成特定的功能
3.組件能夠包含組件，組件嵌套構成一顆組件樹
4.組件能夠使用服務來處理特定的業務邏輯
5.組件代碼由HTML模板，CSS樣式代碼和Type Script代碼構成，展示一個視圖
6.組件可以使用指令來控制DOM樹的展示和數據綁定
7.組件可以使用管道作數據格式轉換，例如數字精度轉換，貨幣單位轉換，大小寫轉換

.End

下期預告：【破境Angular（三）Angular構件之模塊】

專題連接：
破境Angular（一）初識Angular

---

關注Java棧及其衍生技術，經過實戰經驗分享，傳播Java棧技術和提升Java棧開發效率。