A lifecycle hook that is called after the default change detector has completed checking all content of a directive. It will run after the content has been checked and most of the time it's during a change detection cycle.

interface AfterContentChecked {
  ngAfterContentChecked(): void
}

See also

• AfterViewChecked

• Lifecycle hooks guide

Methods

Usage notes

The following snippet shows how a component can implement this interface to define its own after-check functionality.

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