控制檯獲取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();