How do I access the directive instance in angular from console?

Question

ng.probe($0).componentInstance -- will give the reference to the instance.

Is there any way to access the directive instance from the console?

Estus Flask · Accepted Answer · 2018-02-08 14:06:45Z

6

Directive instance doesn't differ from other providers in this respect, it can be retrieved from injector.

In order to retrieve provider instance, it is necessary to have provider token, which is directive class. Since application classes aren't exposed to global scope, debug element providerTokens can be inspected.

Given the application is unminified and functions preserve their original names, directive (provider) token is retrieved like:

var FooDirective = ng.probe($0).providerTokens.find(token => token.name === 'FooDirective');

And directive (provider) instance is retrieved like:

ng.probe($0).injector.get(FooDirective);

answered Feb 8, 2018 at 14:06

Estus Flask

227k79 gold badges478 silver badges621 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andre Elrico Over a year ago

very impressive!

Collectives™ on Stack Overflow

How do I access the directive instance in angular from console?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related