Outils pour utilisateurs

Outils du site


web:javascript:angular:debug

Debug

ng.probe

Dans la console, un objet ng est disponible. Il permet de voir l'état de components et de services.

Pour obtenir l'instance d'un component, on peut utiliser son sélecteur:

ng.probe($('app-component-name')).componentInstance

On peut aussi sélectionner le node dans Chrome DevTools, il sera alors référencé par $0.

ng.probe($0).componentInstance

Pour utiliser un service, on peut utiliser l'injector:

ng.probe(window.getAllAngularRootElements()[0]).injector.view.root.ngModule._providers.find(p => p && p.constructor && p.constructor.name==='AngularFireAuth')
web/javascript/angular/debug.txt · Dernière modification : 2022/02/02 00:42 de 127.0.0.1