• Overview
@angular/core

OnInit

interface

A lifecycle hook that is called after Angular has initialized all data-bound properties of a directive. Define an ngOnInit() method to handle any additional initialization tasks.

API

  
    interface OnInit {}
  
  

ngOnInit

void

A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

@returnsvoid

Usage Notes

The following snippet shows how a component can implement this interface to define its own initialization method.

          
@Component({        selector: 'my-cmp',        template: `...`,        standalone: false,      })      class MyComponent implements OnInit {        ngOnInit() {          // ...        }      }
Jump to details