Angular Framework

  1. Component Interaction and Lifecycle
    1. Component Communication Patterns
      1. Parent to Child Communication
        1. Input Properties
          1. Input Decorator
            1. Property Aliasing
              1. Input Validation
                1. Change Detection
                2. Data Flow Principles
                  1. Immutability Considerations
                  2. Child to Parent Communication
                    1. Output Properties
                      1. Output Decorator
                        1. EventEmitter Usage
                          1. Custom Event Creation
                          2. Event Bubbling
                            1. Event Data Passing
                            2. Sibling Component Communication
                              1. Shared Service Pattern
                                1. Observable Streams
                                  1. Subject-Based Communication
                                  2. ViewChild and ViewChildren
                                    1. Template Reference Access
                                      1. Component Instance Access
                                        1. Static vs Dynamic Queries
                                          1. Query Timing
                                          2. ContentChild and ContentChildren
                                            1. Content Projection Queries
                                              1. Projected Component Access
                                                1. Content Lifecycle
                                              2. Component Lifecycle Hooks
                                                1. Lifecycle Sequence Overview
                                                  1. Hook Execution Order
                                                    1. Change Detection Cycles
                                                      1. Hook Frequency
                                                      2. Initialization Hooks
                                                        1. ngOnChanges Hook
                                                          1. SimpleChanges Object
                                                            1. Input Change Detection
                                                              1. First Change Flag
                                                              2. ngOnInit Hook
                                                                1. Component Initialization
                                                                  1. Service Injection
                                                                    1. Initial Data Loading
                                                                  2. Change Detection Hooks
                                                                    1. ngDoCheck Hook
                                                                      1. Custom Change Detection
                                                                        1. Performance Considerations
                                                                          1. Manual Dirty Checking
                                                                        2. Content Projection Hooks
                                                                          1. ngAfterContentInit Hook
                                                                            1. Content Initialization
                                                                              1. ContentChild Availability
                                                                              2. ngAfterContentChecked Hook
                                                                                1. Content Change Detection
                                                                                  1. Content Validation
                                                                                2. View Hooks
                                                                                  1. ngAfterViewInit Hook
                                                                                    1. View Initialization
                                                                                      1. ViewChild Availability
                                                                                        1. DOM Manipulation
                                                                                        2. ngAfterViewChecked Hook
                                                                                          1. View Change Detection
                                                                                            1. View Validation
                                                                                          2. Cleanup Hooks
                                                                                            1. ngOnDestroy Hook
                                                                                              1. Resource Cleanup
                                                                                                1. Subscription Management
                                                                                                  1. Memory Leak Prevention
                                                                                              2. Content Projection
                                                                                                1. Single Slot Projection
                                                                                                  1. Basic ng-content Usage
                                                                                                    1. Default Content Projection
                                                                                                    2. Multi-Slot Projection
                                                                                                      1. Named Slots
                                                                                                        1. CSS Selector Projection
                                                                                                          1. Conditional Projection
                                                                                                          2. Content Projection Patterns
                                                                                                            1. Wrapper Components
                                                                                                              1. Layout Components
                                                                                                                1. Reusable UI Components

                                                                                                            Previous

                                                                                                            3. Templates, Data Binding, and Directives

                                                                                                            Go to top

                                                                                                            Next

                                                                                                            5. Dependency Injection System