Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular - Coggle Diagram

- - - - bootstrap app
    - - component define view
        
        with template and metadata
      - component use service
        
        Dependency Injection
    - - HttpModule
      - RouterModule
      - FormsModule
    - - Organizing your code into distinct functional modules helps in managing development of complex applications, and in designing for reusability
    - - exports
        
        定義給其他模組使用清單
      - imports
        
        在模組內需要使用其他模組時,就要將該模組新增至import陣列中,ex HttpClientModule 要使用ajax就必須import
      - declarations
        
        定義該模組的元件、管道、指令清單
      - providers
        
        用來定義模組內各種令牌所使用的提供者清單
      - bootstrap
        
        僅能定義在跟模組內,用來定義根元件
    - - 依特定規則或相同領域、或為一連串的作業流程，將封裝後的程式分類至不同模組。透過模組匯出匯入，以最小知識原則公開最少但必要的內部元件供其他模組使用。
    - - ng g m [moduleName] [param]
  - - - Event binding
      - Property binding
        
        two-way data binding
    - - selector
        
        A CSS selector that tells Angular to create and insert an instance of this component
      - templateUrl
        
        The module-relative address of this component's HTML template.
      - providers
        
        An array of providers for services that the component requires.
    - - 應用程式最小組成單位,依職責將程式封裝至不同元件內
    - - 利用@Input Decorator將父元件變數綁定到子元件
  - - - Routing
        NgModule
        
        lets you define a navigation path among the different application states and view hierarchies
  - - - 主要用來擴增或改變特定頁面元素的功能
    - - ngClass
      - ngStyle
      - ngFor
      - ngIf
      - ngSwitch
      - ngComponentOutlet
        
        依不同的動態載入特定元件
      - ngContainer
        
        一個宿主元件只能放一個結構性指令,需用ngIf跟ngFor同時並用的時候
      - ViewChild