Angular -- easier way to view scope while debugging?

Question

I find myself doing the following many, many times in any given Angular session:

Is there an easier way to do this? Some chrome extension that will automatically expose the scope of a selected element or some such?

You could just google "Angular chrome extension" and find out :) — Neil
– Neil, Commented Aug 4, 2016 at 22:47
batarang. You (in Chrome) can inspect an element and in the dev tools, check out the exact scope that is attached to the element and traverse it all the way to root just as you would a big json object. It'll show up as a new tab, similarly to "Styles" and "Event Listeners" — scniro
– scniro, Commented Aug 4, 2016 at 22:47
@Neil Why use google when I can help someone earn some invisible pretend stackoverflow money? — morgancodes
– morgancodes, Commented Aug 5, 2016 at 2:03

matmo · Accepted Answer · 2016-08-04 22:45:47Z

4

Note: These won't work if you have debug info disabled - See here: https://docs.angularjs.org/guide/production

Also, these don't work if your application is in a nested iframe. In that case, you need to open the iframe in a new window directly.

answered Aug 4, 2016 at 22:45

matmo

1,39912 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1