50 Recipes for Programming Angular: Volume 1 (Angular.js Recipes) by Jamie Munro

Author:Jamie Munro [Munro, Jamie]
Language: eng
Format: azw3, epub
Published: 2017-08-01T04:00:00+00:00

This content originated from StackOverFlow and has been re-organized into the above recipe.

In AngularJS, how do you find all the scopes on a page?

Problem

Once we have a scope in hand, we can navigate to its root and explore the scope hierarchy.

But is there a direct way to find all the scopes on a page?

Likewise given an HTML element, is there a direct way to find its enclosing scope?

Problem courtesy of: wl.

Solution

you can see all of the scopes on the page using this CSS selector

.ng-scope { border: 1px solid red; }

and all of the bindings:

.ng-binding { border: 1px solid red; }

You can then retrieve them by converting the DOM element into selector

var selector = angular.element(some_dom_element);

Then use the selector to retrive the scope/controller/injector

var scope = selector.scope(); var controller = selector.controller(); var injector = selector.injector();

Solution courtesy of: Misko Hevery

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.