破境Angular（二）Angular構件

摘要： 一、Angular構件 Angular的構件如下： 1.模組是一個容器，用於存放程式碼塊；可匯入其他模組中匯入的功能；匯出指定的功能。 2.元件定義和控制螢幕上的一片區域，構成一個檢視 3.服務是一個明確定義了用途的類，例如加密，鑑權 4.指令可用於控制檢視中...

一、Angular構件

Angular的構件如下：

1.模組是一個容器，用於存放程式碼塊；可匯入其他模組中匯入的功能；匯出指定的功能。

2.元件定義和控制螢幕上的一片區域，構成一個檢視

3.服務是一個明確定義了用途的類，例如加密，鑑權

4.指令可用於控制檢視中DOM樹的展現以及資料繫結

5.管道的作用是做資料轉換，例如轉換貨幣單位，大小寫。管道的功能也可以通過服務來實現，管道的寫法更簡潔，優雅，例如：{{name | Uppercase}}。

二、Angular構件關係

Angular的構件關係如下：

1.一個模組可以匯入其他模組，也可以匯出其他模組

2.模組包含元件，指令，管道，完成特定的功能

3.元件可以包含元件，元件巢狀構成一顆元件樹

4.元件可以使用服務來處理特定的業務邏輯

5.元件程式碼由HTML模板，CSS樣式程式碼和Type Script程式碼構成，展現一個檢視

6.元件可使用指令來控制DOM樹的展現和資料繫結

7.元件可使用管道做資料格式轉換，例如數字精度轉換，貨幣單位轉換，大小寫轉換

.End

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

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