GetInstanceFromDom

This project was generated with Angular CLI version 10.1.0.

Demo Page https://mcantonbul.github.io/Access-Component-Instance-Via-Dom/

Code

MONKEY_PATCH_KEY_NAME = '__ngContext__';

findAngularComponent(element: any) {
  let comp;
  let process = true;
  this.foundFrom = element.tagName;
  while(process) {
    if(element[this.MONKEY_PATCH_KEY_NAME]){
      if(element[this.MONKEY_PATCH_KEY_NAME][0]) {
        comp = element[this.MONKEY_PATCH_KEY_NAME][8]
      } else {
        // app-root component
        comp = null;
      }
      process = false;
    } else {
      element = element.parentNode;
      this.foundFrom = `${this.foundFrom} > ${element.tagName}`
    }
  }
  return comp;
}

ScreenShots

Reference Links

1-) angular/angular#25803

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.