4.1
20
2020
13
Extends the Developer Tools, with a sidebar that shows scope data for selected element and adds a new panel to show scope elements.
Angular Inspector
4.1
20
2020
13
Extends the Developer Tools, with a sidebar that shows scope data for selected element and adds a new panel to show scope elements.
It actually works, just not how you expect it to due to awful design. In the DevTools, you have your normal tabs + a new, useless one called Angular Scope.
However.
Under the Elements tab, on the right hand properties panel, there is also an “Angular Scope” tab which lists everything relevant for the currently selected element. I came for accessing ng-form data, I have form data. Job done.
All this shows is “No Scope Detected” with a Refresh button and two small blue buttons which looks like they have a half-moon on them.
It sort of works. The Developer Tools window shows an Angular Scope tab that never works. But in the property windows of the Elements tab there is also an Angular Scope tab which does show your app values and very little else. If you want access to angular internal variables, other addons can help.
muito boa, ajuda muito no desenvolvimento
it worked when others didn’t
Totally under-rated extension
Best scope inspector on the element tab I’ve used, primarily because it hides the unnecessary scope items and lets you drill down quickly to what you actually want to see.
Downside is the Angular Scope tab for the full page, which will always hang your browser if you accidentally click it.
quick and simple access to scope information!
practical tool
It works!
On contrary to Angular Batarang, Angular Scope Inspector, and ng-Inspector.
Does just what I need. Thanks!!
Works perfectly!
It simply works, thats all I need. (Tested with angular 1.3.*)