控制台获取AngularJS某个元素的Scope

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制台获取AngularJS某个元素的Scope相关的知识,希望对你有一定的参考价值。

 

如何在控制台获取到某个元素的Scope呢?

假设,页面元素为:

<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<h1>{{yourName}}</h1>


→ 选择input元素

→ 在控制台输入"$0",显示如下:

<input type="text" ng-model="yourName" placeholder="Enter a name here" class="ng-valid ng-dirty">

→ 在控制台输入"angular.element($0).scope()"

Scope {$id: "006", $$childTail:null, $$childHead: null, $$prevSibling: null, $$nextSibling:null...}

→ 给Scope的变量赋值

var $scope = angular.element($0).scope();
$scope.yourName = "";
$scope.apply();

以上是关于控制台获取AngularJS某个元素的Scope的主要内容,如果未能解决你的问题,请参考以下文章

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

如何获取html元素id,通过angularjs

AngularJS-Scope作用域和控制器

AngularJS中的控制器和作用域

[angularjs] angularjs系列笔记控制器

AngularJS学习2-指令(directive)/控制器(controller)/作用域(scope)