English
See more
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Latest Version
Version
1.4.6
Update
August 23, 2021
Size
36.35KiB
Developer
Category
Users
30,000+ 
Rating
4.70312 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Angular state inspector Extension
Angular State Inspector for Angular
Supports all versions of Angular:
- AngularJs
- Angular 2+
- Angular Ivy
- Hybrid apps (AngularJs + Angular)
Extends the Chrome 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.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
Version 1.4.3:
- Return result emoji on `$apply()` call
Version 1.4.2:
- Fixed props editing and change detection
Version 1.4.1:
- Print always up to date state in console
Version 1.4:
- Full support angular 9 Ivy api
Version 1.3:
- Added experimental support of Ivy
- Added shortcuts that you can use in console
Read more
Supports all versions of Angular:
- AngularJs
- Angular 2+
- Angular Ivy
- Hybrid apps (AngularJs + Angular)
Extends the Chrome 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.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
Version 1.4.3:
- Return result emoji on `$apply()` call
Version 1.4.2:
- Fixed props editing and change detection
Version 1.4.1:
- Print always up to date state in console
Version 1.4:
- Full support angular 9 Ivy api
Version 1.3:
- Added experimental support of Ivy
- Added shortcuts that you can use in console
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Angular state inspector", "description": "Helps you debug Angular component state. Supports Angular 1/2+/Ivy!", "version": "1.4.6", "devtools_page": "index.html", "author" : "Anton Lunev", "icons": { "16": "img/icons/angular-16.png", "48": "img/icons/angular-48.png", "128": "img/icons/angular-128.png" }}
Read more
Similar Extensions
Angular DevTools 30,000+ 159 ★ 3.2MiB
AngularContext 30,000+ 0 ★ 22.57KiB
ng-inspect for Angular(1.x/4+/Ivy) 30,000+ 16 ★ 63.24KiB
RxJs watcher 30,000+ 5 ★ 118KiB
Angular watchers 30,000+ 54 ★ 335KiB
Angular Component Overview 30,000+ 2 ★ 874KiB
Redux DevTools 30,000+ 726 ★ 1.2MiB
RxJS Devtools 30,000+ 0 ★ 350KiB
Angular Gauntlets 30,000+ 5 ★ 9.55KiB
Angular BatScanner 30,000+ 9 ★ 513KiB
Vue.js devtools 30,000+ 2131 ★ 2.57MiB
AngularJS Inspect Watchers 30,000+ 21 ★ 35.49KiB
ng-inspect for AngularJS 30,000+ 87 ★ 585KiB
SB Angular Inspector 30,000+ 2 ★ 11.96KiB
Angular Inspector 30,000+ 8 ★ 270KiB
Angular Chrome 30,000+ 9 ★ 605KiB
Augury Extension 30,000+ 2 ★ 208KiB
AngularJS Console 30,000+ 6 ★ 263KiB
AngularJS Graph 30,000+ 35 ★ 559KiB
ng-detector 30,000+ 19 ★ 105KiB
Allow CORS: Access-Control-Allow-Origin 30,000+ 279 ★ 78.31KiB
Vue.js devtools (beta) 30,000+ 149 ★ 2.54MiB
Apollo Client Devtools 30,000+ 266 ★ 490KiB
Moesif Origin/CORS Changer & API Logger 30,000+ 191 ★ 823KiB
User reviews
inomjon Ismaylov (ID: 0000002bf63fdee5) Voted 5 ★ - Updated 08/25/2023
Martin Spierings (ID: 0000005e6a8b6535) Voted 3 ★ - Updated 03/21/2023
Максим Ярош (ID: 000000e990e243a9) Voted 5 ★ - Updated 05/10/2022
Houssam B (ID: 00000014200d7fcf) Voted 5 ★ - Updated 05/04/2022
Oussama Dinia (ID: 000000022b5a4ad9) Voted 5 ★ - Updated 12/09/2021
