This is the archived documentation for Angular v6. Please visit angular.io to see documentation for the current version of Angular.
API > @angular/core

AfterViewInit

A lifecycle hook that is called after Angular has fully initialized a component's view. Define an ngAfterViewInit() method to handle any additional initialization tasks.

      
      interface AfterViewInit {
  ngAfterViewInit(): void
}

Class implementations

See also

Methods

ngAfterViewInit()

A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.
ngAfterViewInit(): void
      
      ngAfterViewInit(): void

Parameters

There are no parameters.

Returns

void

Usage notes

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

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