我如何访问$范围变量在浏览器的控制台使用AngularJS?

我想访问我的$范围变量在Chrome的JavaScript控制台。我怎么做呢?

我既不能看到$scope也不能看到我的模块myapp的名称在控制台中作为变量。

当前回答

我通常使用jQuery data()函数:

$($0).data().$scope

$0是当前在chrome DOM检查器中选中的项目。 1美元，2美元…等等都是之前选定的项目。

其他回答

这是一种在没有Batarang的情况下获得瞄准镜的方法，你可以:

var scope = angular.element('#selectorId').scope();

或者如果你想通过控制器名找到你的作用域，这样做:

var scope = angular.element('[ng-controller=myController]').scope();

在你对你的模型做了更改之后，你需要通过调用以下命令将更改应用到DOM:

scope.$apply();

如果你已经安装了Batarang

然后你可以这样写:

$scope

当你在chrome的元素视图中选择了元素。参考- https://github.com/angular/angularjs-batarang#console

我通常使用jQuery data()函数:

$($0).data().$scope

$0是当前在chrome DOM检查器中选中的项目。 1美元，2美元…等等都是之前选定的项目。

对于这些答案有一个警告:如果你对控制器进行了别名，那么你的作用域对象将位于scope()返回的对象中的一个对象中。

例如，如果你的控制器指令是这样创建的: <div ng-controller="FormController as frm"> 然后访问控制器的startDate属性，调用angular.element($0).scope().frm.startDate

同样，我们可以像这样通过HTML元素的名称来访问作用域: angular.element (document.getElementsByName (onboardingForm) [0]) .scope ()

推荐文章