我的目标是在任意 Angular 项目中找到根元素(如果我只有 Angular 对象)。这显然不太合规,所以一个破解的解决方案就可以了。
我的第一个方法是 find("[ng-app]")
,但这在引导应用程序上失败。我一直在尝试各种 Angular 模块,但陷入了僵局。
我可以执行 angular.injector(['ng']).get('$rootScope')
来获取根范围。为什么我不能这样做
angular.injector(['ng']).get('$rootElement')
获取根元素?
最佳答案
angular.injector
创建一个新的注入(inject)器函数,它不会返回与引导应用程序关联的函数。
Angular 中的服务是单例,因为每个注入(inject)器仅创建一次服务,这意味着以下代码:
angular.injector(['ng']).get('$rootScope')
每次执行时都会创建一个新的注入(inject)器函数和一个新的$rootScope
。
以下行:
angular.injector(['ng']).get('$rootElement')
将创建一个新的注入(inject)器函数并尝试检索 $rootElement
,该函数对于新创建的注入(inject)器来说并不存在。
您需要检索当前应用程序的注入(inject)器:
angular.element(DOMElement).injector();
对于您的具体情况,您可以找到与范围关联的第一个元素并从那里开始:
var element = document.querySelector('.ng-scope');
var $rootElement = angular.element(element).injector().get('$rootElement');
console.log($rootElement);
关于angularjs - 如何从根 Angular 对象获取 $rootElement,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23840247/