Angular Learning - 1

NgModule -1

Posted by Jasper on Saturday, December 5, 2020

TOC

Module

  • Angular 中Module 為功能模組,用意為邏輯的處理

  • 透過NgModule 實現模組化

    • 通常根模組(Root Module) 會取名為 AppModule => app.module.ts

Module 檔案結構

  • 模組檔案通常可分為三個部分: (import / declarator / class)
    • Import 資源區:

    • Decorator 裝飾器:

      • 功能為各訴Angular 如何處理接下來的Class 內容。

      • declarations : 屬於此NgModule的Component/Directive/Pipe 皆要放置於此

      • Imports: 此NgModule需要用到的,依賴的其他NgModule 放置於此

    • Class 類別:

      • 每個檔案都會有一個要export給別人使用的類別