Log in
Preview of Angular state inspector

Angular state inspector by Anton Lunev

Helps you to debug Angular component state. Supports Angular 1/2+/Ivy/hybrid!

5 (2 reviews)
224 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file
Screenshots
About this extension
Angular State Inspector for Angular

Supports all versions of Angular:
- AngularJs
- Angular 2+
- Angular Ivy
- Hybrid apps (AngularJs + Angular)

Extends the Firefox Developer Tools for Angular web apps.
Adds new panel "State" to Elements tab, that displays the state of selected element.
Prints state of selected element in console by calling "$state" variable.

Depending on angular version it can show:
- Component state
- Directives
- Context, like ngForOf or ngIf values
- Event listeners
If they are applicable to the current element.

Angular State Inspector also allows you to modify the values in the "State" panel (double click on value) and from console(e.g. $state.title = 'new value').
To apply changes just call $apply() in console.
See all supported commands in browser console.
Rated 5 by 2 reviewers

Star rating saved

5
2
4
0
3
0
2
0
1
0
Permissions and dataLearn more

Required permissions:

  • Extend developer tools to access your data in open tabs
More information
Version
1.4.6
Size
41.45 KB
Last updated
4 years ago (Aug 23, 2021)
Related Categories
Version History
Add to collection
Report this add-on
Release notes for 1.4.6
Version 1.4.6:
- Show info message if $ctrl is not available in selected scope.
- Update $state object even if it's not available.

Version 1.4.5:
- [ivy] Show info from ng.getComponent(). If it's null then show OwningComponent state.

Version 1.4.4:
- update extension logo
Other popular extensions