Angular 在调试的时候抓取作用域的方法

最新推荐文章于 2024-09-13 23:32:49 发布

航小码

最新推荐文章于 2024-09-13 23:32:49 发布

阅读量591

点赞数

分类专栏： Angular 文章标签： angular.js 前端 javascript

本文链接：https://blog.csdn.net/html5_mylove/article/details/121790134

版权

Angular 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了在AngularJS中如何调试作用域对象，特别是如何在DOM节点上获取作用域和$rootScope。通过右键选择元素，打开开发者工具，使用$0和angular.element($0).scope()可以在控制台查看当前DOM元素所关联的作用域，从而进行调试。此外，$rootScope通常位于ng-app指令所在的DOM节点，如<html>标签内。

摘要由CSDN通过智能技术生成

作用域对象是与指令或控制器等Angular元素所在的DOM节点相关联的，也就是说，其实DOM节点上是可以抓取到作用域这个对象的（当然，为了调试偶尔会用，一般不用）。 
而对于 $rootScope 在哪里抓呢？它藏在 ng-app 指令所在的那个DOM节点之中。通常，ng-app 放在 <html> 标签中, 当然，如果你的应用中只是视图的某一部分想要用Angular控制，那你可以把它放在想要控制的元素的最外层。

Angular 在调试的时候抓取作用域的方法是：

1 右键选去你想审查的元素，调出debugger，通常F12即可，这样你选中的元素会高亮显示。

2 此时，调试器（debugger）允许你用变量 $0 来获取当前选取的元素。

3 在console中执行 angular.element($0).scope() 或直接输入 $scope 即可看到你想要查询的当前DOM元素节点绑定的作用域了。