[ Web Proxy ]
URL:
Viewing: https://angular.dev/api/core/OnInit [Back]  [Original]
OnInit Angular Skip to main content
menu
close
more_horiz
menuAPI
@angular/core

OnInit

interface
stable

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.

AfterContentInitLifecycle hooks guide

On this page

    arrow_upward_alt Back to the top

    API

        
      interface OnInit {  ngOnInit(): void;}

    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: `...`,
      })
      class MyComponent implements OnInit {
        ngOnInit() {
          // ...
        }
      }
    Jump to details

    Social Media

    Community

    Resources

    Community translations

    Super-powered by Google 2010-2026. Code licensed under an MIT-style License . Documentation licensed under CC BY 4.0 . Built by Angular at v22.2.3+sha-bca21ac.

    Web Proxy Viewer  |  New URL  |  Original Page