On this page
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.
interface OnInit {
  ngOnInit(): void
}
   Class implementations
See also
Methods
| 
         
         ngOnInit()
          | 
      
|---|
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.  | 
      
        
          | 
      
Usage notes
The following snippet shows how a component can implement this interface to define its own initialization method.
@Component({selector: 'my-cmp', template: `...`})
class MyComponent implements OnInit {
  ngOnInit() {
    // ...
  }
}
  © 2010–2022 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
 https://v13.angular.io/api/core/OnInit