Current webkit browsers like Chrome and Safari have a special variable in their consoles that refers to the selected DOM node in the elements panel. This lets us easily inspect Angular scopes.

0. Right click in the page and click "Inspect" to open the Dev Tools

1. Select the element you're interested in from the elements panel

2. Focus the console (in Chrome, hit ESC)

3. Get the scope object and store it

   s=$($0).scope()
   
   // That is:
   element = $0 // Store element
   $element = $(element) // Wrap with jQuery
   scope = $element.scope() // Get and store the scope
   

Do you need DevOps-experts?

Your development team has a full backlog? No time for infrastructure architecture? Our DevOps team is ready to support you!

• We build reliable cloud solutions with Infrastructure as code
• We are experts in security, Linux and databases
• We support your dev team to perform

Read more Show archive.org snapshot