Last Updated: February 25, 2016
·
9.423K
· shidhincr

Debugging AngularJS App from Chrome Dev Tools

#angularjs
#debugging

Wish to see the scope associated to any element ?

  • First option : Use batarang chrome extention

  • Easiest option: Inspect the element from Chrome dev tools, and write $scope in the console. See the magic !

  • Other option: http://ng-inspector.org/

Read more:

#angularjs
#debugging

Written by Shidhin

Say Thanks
Respond

Related protips

Access angularJS scope in browser console

8.617K
3

AngularJS: Accessing provider instances via the console

2.399K
0

AngularJS: use $timeout, not setTimeout

382.1K
12

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Angularjs Authors
otupman
504.6K
#angularjs
#JavaScript
#PHP
jjperezaguinaga
224.3K
#angularjs
#JavaScript
#C
jdobry
199.7K
#angularjs
#JavaScript
#KRL
filipefmelo
126.8K
#angularjs
#Javascript
#Open Source
devers
95.91K
#angularjs
#PHP
#Javascript
Related Tags
#angularjs
#debugging
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under
Debugging tips that find the why
Awesome Job
See All Jobs
Post a job for only $299
Did you know?

AngularJS pages are long-lived browser apps with the same script risk as a newer single-page app. Third-party code in the template can read forms and values rendered on the page.

Security insights from Cside

Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#