Debugging Two ways, to see the content of an scope var (Mini-challenge 5)

Mini-Challenge 5

ng-challengeAngularJs Mini-Challenges is a growing collection of “Challenges” about the most quirky parts of the AngularJs framework. It encourage you to find and fix common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert AngularJs programmers may encounter on their endeavours into the depths of the framework.

AngularJs Mini-Challenges does not aim to teach you AngularJs. Former knowledge of the Framework is strongly recommended in order to understand the topics covered in this Challenges. In order to learn the basics of the Framework, please head over to this excellent book:

 

book

Book Tip

ng-book – The Complete Book on AngularJS
Ready to master AngularJS? What if you could master the entire framework – with solid foundations – in less time without beating your head against a wall?


Amazon

 

The Challenge:

Find two (or more) ways to see the content of the controller’s scope variable, without adding breakpoints in the browser’s developer console. Below we proposed a solution. That doesn’t mean those are the only solutions. Please feel free to leave a comment with your ingenious solution to see the scope variable content.

Note: A tip for developing with angularJs use – Batarang chrome extension: chrome.google.com/webstore/detail/angularjs-batarang-stable/ This extension will allow you to see the scope variables among other things.

Hint: This is how it should looks like.

scope in the browser console

Here you can find a possible solution

If you feel that the solution is poor or incomplete or there is room for improvement, please share with every one, you can leave a comment.