Please enable JavaScript.

Coggle requires JavaScript to display documents.

Architecture (Modules (NgModule() decorator (declarations (Components etc.…

- - - - Components etc. that belong to the module
    - - Declarations that should be visible outside of the module
    - - Other modules from which components etc. are imported to the module
    - - Service creators that are exposed by the module
    - - Root component to be set by the root module
- - - - CSS selector that corresponds to the HTML tag of the component
    - - module relative address of the component's host view
    - - inline HTML template
    - - providers for services that the component requires
  - - - Declare display-value transformations
      - Pipe() decorator is used on a class
      - The | operator is used in templates
      - Pipes can be chained and passed arguments
    - - Interpolation - double braces
      - Property bindings - brackets
      - Event bindings - parentheses
      - Two-way data binding
        
        [(ngModel)]
      - All data bindings are processed once for each JavaScript event cycle, from root to leaves
      - Connects the application data and the DOM
  - - - selector
        
        CSS selector that corresponds to the HTML tag of the component
    - - ngFor
      - ngIf
      - ngSwitch
      - Alter layout by modifying the DOM tree
    - - ngModel
      - ngStyle
      - ngClass
      - Alter the appearance and behavior of existing elements
    - - Components are specialized directives
      - Appears as HTML element attributes in templates