在 AngularJS 中，如何找到页面上的所有范围?

问题描述

一旦我们掌握了范围，我们就可以导航到其根目录并探索范围层次结构.

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?

同样地，给定一个 HTML 元素，有没有直接的方法可以找到它的封闭范围?

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

推荐答案

您可以使用此 CSS 选择器查看页面上的所有范围

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

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

和所有绑定:

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

然后您可以通过将 DOM 元素转换为选择器来检索它们

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();

这篇关于在 AngularJS 中，如何找到页面上的所有范围?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！