控制台获取AngularJS某个元素的Scope
2016-02-02 20:34
597 查看
如何在控制台获取到某个元素的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();
假设,页面元素为:
<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:何时应该使用Directive、Controller、Service?
- AngularJS-模块
- AngularJS-数据绑定
- angular.module 参数的意思
- 体验jQuery和AngularJS的不同点及AngularJS的迷人之处
- AngularJS中$interval的用法详解
- AngularJS中处理多个promise的方式
- AngularJS数据源的多种获取方式汇总
- 三种AngularJS中获取数据源的方式
- 体验jQuery和AngularJS的不同点以及AngularJS的迷人之处
- AngularJS中$interval的用法
- 彻底弄懂AngularJS中的transclusion
- AngularJS中处理多个promise
- AngularJS中获取数据源的几种方式
- 三种AngularJS中获取数据源的方式
- AngularJS数据源的多种获取方式汇总
- AngularJS中处理多个promise的方式
- AngularJS中$interval的用法详解
- 体验jQuery和AngularJS的不同点及AngularJS的迷人之处
- 从用 AngularJS 开发 PC 客户端说起