A lifecycle hook that is called after Angular has fully initialized all content of a directive. It will run only once when the projected content is initialized. Define an ngAfterContentInit() method to handle any additional initialization tasks.

interface AfterContentInit {
  ngAfterContentInit(): void
}

See also

• OnInit
• AfterViewInit

• Lifecycle hooks guide

Methods

Usage notes

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

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