angular-devtools icon indicating copy to clipboard operation
angular-devtools copied to clipboard

Visualize an injector hierarchy

Open tytskyi opened this issue 4 years ago • 1 comments

I would like to see an injector hierarchy when select a component in the tree: which provider comes from where.

Rationale is: debugging huge angular application which uses lazy modules. When there is an unexpected instance of a provider inside lazy module. Currently is hard to reason about such cases and debugging consists of deleting huge chunks of code until cause is found.

I imagine something like a graph, where nodes showing provider instances of currently selected component. Nodes are connected with paths. Perhaps some color coding to show it's a provider from current or parent "scope".

tytskyi avatar Jul 02 '21 16:07 tytskyi

Augury had this tool, and it was super useful to debug duplicate services.

john8329 avatar Dec 08 '21 21:12 john8329