This is the archived documentation for Angular v5. Please visit angular.io to see documentation for the current version of Angular.

OnInit

npm Package @angular/core
Module import { OnInit } from '@angular/core';
Source core/src/metadata/lifecycle_hooks.ts

Lifecycle hook that is called after data-bound properties of a directive are initialized.

Interface Overview

      
      interface OnInit { 
  ngOnInit(): void
}

How To Use

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

Description

ngOnInit is called right after the directive's data-bound properties have been checked for the first time, and before any of its children have been checked. It is invoked only once when the directive is instantiated.

See "Lifecycle Hooks Guide".

Class Implementations

Members

      
      ngOnInit(): void