Angular+Typescript 學習筆記(四)--- Module

Module

模塊是 angular 最基本的模塊,相比於 angularjs,angular 最大的改變就是模塊,萬物皆可模,弱化了自定義指令的作用,模塊完全能勝任。
官話:模塊是組織應用和使用外部庫擴展應用的最佳途徑

模塊中包含以下內容:

declarations 數組:模塊擁有的組件、指令或管道,注意每個組件/指令/管道只能在一個模塊中聲明
providers 數組:module 中使用到的服務
exports 數組:暴露給其他模塊使用的組件、指令或管道等
imports 數組:導入本模塊中需要的依賴模塊,必須是模塊

使用

導入其它模塊時,需要知道使用該模塊的目的,

  • 如果是組件,那麼需要在每一個需要的模塊都進行導入
  • 如果是服務那麼一般來說在跟模塊導入以此就可

下面總結了日常用到的模塊
需要在每個模塊中進行導入的:

CommonModule:提供綁定,ngif ngfor 等
FormsModule、ReactiveFormsModule 表單模塊需要在每個需要的模塊中導入
提供組件、指令或管道的模塊

只需要在跟模塊中導入的:

HttpClientModule、BrowserAnimationsModule、NoopAnimationsModule
只提供服務的模塊

使用過程當中,一些
未完待續。。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章