@angular/core/global

getComponent

function

Retrieves the component instance associated with a given DOM element.

getComponent(
  element: Element
): T;

Given the following DOM structure:

          
            <app-root>  <div>    <child-comp></child-comp>  </div></app-root>

Calling getComponent on <child-comp> will return the instance of ChildComponent associated with this DOM element.

Calling the function on <app-root> will return the MyApp instance.

T

Retrieves the component instance associated with a given DOM element.

@paramelementElement

DOM element from which the component should be retrieved.

@returnsT

Usage notes

Given the following DOM structure:

          
            <app-root>  <div>    <child-comp></child-comp>  </div></app-root>

Calling getComponent on <child-comp> will return the instance of ChildComponent associated with this DOM element.

Calling the function on <app-root> will return the MyApp instance.