JavaScript获取AngularJS的$scope对象

最新推荐文章于 2023-04-04 09:35:45 发布

原创最新推荐文章于 2023-04-04 09:35:45 发布 · 575 阅读

0 ·

CC 4.0 BY-SA版权

前端开发专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在AngularJS中如何通过不同的方法获取$scope对象，包括通过App对象、Controller对象来查找，同时还提供了使修改后的数据生效的方法以及一些常用的辅助技巧。

方法1：通过App对象查找

// 通过DOM操作获取ng-app对象
var element = angular.element(document.getElementById("myApp"));
// 通过app对象获取ctrl对象
var controller = element.controller();
// 通过ctrl对象获取$scope
var scope = element.scope();

方法2：通过Controller查找

// 输入参数为ctrl名字
var ctrl= document.querySelector('[ng-controller=ctrlName]');
var scope = angular.element(ctrl).scope();

使修改后的数据生效

scope.$apply();

其他常用方法

// 获取当前元素的$socpe: 
angular.element(domElement).scope() 
// 获取当前app的injector：
angular.element(domElement).injector()
// 获取当前元素的controller：
angular.element(domElement).controller()