Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular Injector - Coggle Diagram

- - - - Root Module and Other Eagerly Module
      - For Each Lazy Loaded Module
      - Angular creates the ModuleInjector for the services to be provided at Module Levels
        
        we register the Module level services in two ways
        
        Providers Metadata of the NgModule() and Eagerly Loaded Module
        
        Injectable() Decorator with providedIn : root in the service
        
        Module Injector Tree
        
        Null Injector
        
        Platform Module
        
        Root Module
        
        2 more items...
  - - - Angular creates the ElementInjector for the service to be provided at Component Level
        
        we register the Component level services in two ways
        
        Providers Metadata of Component
        
        Providers Metadata of Directive
        
        Angular will destroy the Injector when Angular destroys the element
        
        Element Injector Tree
        
        Root Element(App Component)
        
        Parent 1 Component
        
        2 more items...
        
        Parent 2 Component
        
        2 more items...