@angular/core

afterRender

function

Developer preview

Register a callback to be invoked each time the application finishes rendering.

afterRender(
  callback: VoidFunction,
  options?: AfterRenderOptions
): AfterRenderRef;

Register a callback to be invoked each time the application finishes rendering.

You should always explicitly specify a non-default phase, or you risk significant performance degradation.

Note that the callback will run

Components are not guaranteed to be hydrated before the callback runs. You must use caution when directly reading or writing the DOM and layout.

Use afterRender to read or write the DOM after each render.

          
            @Component({  selector: 'my-cmp',  template: `<span #content>{{ ... }}</span>`,})export class MyComponent {

AfterRenderRef

Register a callback to be invoked each time the application finishes rendering.

You should always explicitly specify a non-default phase, or you risk significant performance degradation.

Note that the callback will run

Components are not guaranteed to be hydrated before the callback runs. You must use caution when directly reading or writing the DOM and layout.

@paramcallbackVoidFunction

A callback function to register

@paramoptionsAfterRenderOptions

@returnsAfterRenderRef

Usage notes

Use afterRender to read or write the DOM after each render.

          
            @Component({  selector: 'my-cmp',  template: `<span #content>{{ ... }}</span>`,})export class MyComponent {