angular-devtools
angular-devtools copied to clipboard
Visualize an injector hierarchy
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".
Augury had this tool, and it was super useful to debug duplicate services.