Log in
Preview of Angular state inspector

Angular state inspector by Ihor Klymenok

Inspect State of the Angular components easily

3.4 (12 reviews)
594 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file
Screenshots
Page overview with open devtools on "State" panel tab. Angular component is selectedDevtools view on "State" panel tab. Angular component is selected.Closer look on "State" panel tab
About this extension
This add-on adds a small "State" panel to the inspector view, that allows you to inspect a component internals directly as a simple object.
Note: extension works only with DEV mode of Angular. The best case where you can use it - localy with running dev server.

How to use:
  1. Install an add-on
  2. "ng serve" your angular application
  3. On page of your app open devtools and check "State" panel INSIDE "Inspector" view
Rated 3.4 by 12 reviewers

Star rating saved

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

Required permissions:

  • Extend developer tools to access your data in open tabs
More information
Add-on Links
Version
1.5.0
Size
14.92 kB
Last updated
4 years ago (12 Jun 2021)
Related Categories
Version History
Add to collection
Report this add-on
Release notes for 1.5.0
In this version representation of component's state was improved.
Specifically:
1. "state" was shallowed in order to not expand "state" each time when you are trying to investigate component's internals.
2. circular references were removed, so from now you should see state in beautiful manner
More extensions by Ihor Klymenok