Angular state inspector

Anton Lunev

(1)

‪5,000+‬ Users
Developer tools
Anton Lunev

(1)

‪5,000+‬ Users
Developer tools

This extension cannot be installed as it is not compatible with your browser version Incompatible with your browser

Description

Angular State Inspector for Angular

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

Extends the Edge 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 chrome console.

Version 1.4:
 - Full support angular Ivy api
Version 1.3:
 - Added experimental support of Ivy
 - Added shortcuts that you can use in console

No user reviews

No one has reviewed this add-on yet. Be the first to add a review.

Details
Version 1.4.6Updated August 22, 2021Report abuse
Details
Version 1.4.6Updated August 22, 2021Report abuse