栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用AngularJS在浏览器的控制台中访问$ scope变量?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用AngularJS在浏览器的控制台中访问$ scope变量?

在开发人员工具的HTML面板中选择一个元素,然后在控制台中输入以下元素:

angular.element($0).scope()

在WebKit和Firefox中,

$0
是对elements选项卡中所选DOM节点的引用,因此通过执行此操作,可以在控制台中打印出所选DOM节点范围。

您还可以按元素ID定位作用域,如下所示:

angular.element(document.getElementById('yourElementId')).scope()

插件/扩展

您可能需要检查一些非常有用的Chrome扩展程序:

  • Batarang。这已经有一段时间了。

  • ng-inspector。这是最新的,顾名思义,它使您可以检查应用程序的范围。

玩jsFiddle

使用jsfiddle时,您可以通过在URL的末尾添加以 显示
模式打开小提琴

/show
。这样运行时,您可以访问
angular
全局变量。您可以在这里尝试:

http://jsfiddle.net/jaimem/Yatbt/show

jQuery Lite

如果您在AngularJS之前加载jQuery,

angular.element
则可以传递jQuery选择器。因此,您可以使用以下命令检查控制器的范围

angular.element('[ng-controller=ctrl]').scope()

一个按钮

 angular.element('button:eq(1)').scope()

… 等等。

您实际上可能想使用全局函数来简化它:

window.SC = function(selector){    return angular.element(selector).scope();};

现在您可以执行此操作

SC('button:eq(10)')SC('button:eq(10)').row   // -> value of scope.row

在这里检查:http :
//jsfiddle.net/jaimem/DvRaR/1/show/



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/568996.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号