AngularJs 控制台

在控制台查看$scope对象

html:

通过控制器里面的一个元素来获取这个控制器的$scope

var node=document.getElementById("NewsVote");
var ele=angular.element(node).scope();
console.dir(ele);

结果:

发现可以获取作用域

用控制器内的元素可以获取作用域,如果不在控制器内的就是父域

var node=document.getElementById("NewsVote").parentNode.parentNode.parentNode;
var ele=angular.element(node).scope();
console.dir(ele);

这个就是父域了,node不是控制器内的节点了

http://www.oschina.net/translate/angularjs-console

http://my.oschina.net/blogshi/blog/316745

http://www.lovelucy.info/understanding-scopes-in-angularjs.html

时间: 2024-11-25 20:36:31

AngularJs 控制台的相关文章

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

如何在控制台获取到某个元素的Scope呢? 假设,页面元素为: <label>Name:</label><input type="text" ng-model="yourName" placeholder="Enter a name here"><h1>{{yourName}}</h1> → 选择input元素 → 在控制台输入"$0",显示如下: <input

AngularJS指令中的compile与link函数解析

AngularJS指令中的compile与link函数解析 通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别. 原文地址 angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者. 网上已经有很多介绍怎么使用指令的文章以及相关书籍,相互比较的话,很少有介绍compile与link的区别,更别说pre-link与post-lin

angularjs指令中的compile详解

篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下 通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别. angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者. 网上已经有很多介绍怎么使用指令的

AngularJS开发指南12:作用域

什么是作用域? 作用域是一个指向应用模型的对象.它是表达式的执行环境.作用域有层次结构,这个层次和相应的DOM几乎是一样的.作用域能监控表达式和传递事件. 作用域特点 作用域提供APIs($watch)来观察模型的变化. 作用域提供APIs($apply)将任何模型的改变从"AngularJS领域( Angular realm)"通过系统映射到视图上. 作用域能通过共享模型成员的方式嵌套到应用组件上.一个作用域从父作用域继承属性. 作用域提供表达式执行的上下文.比如说表达式{{user

AngularJS Eclipse——新手入门【翻译+整理】

原文地址 本文介绍如何安装和配置 AngularJS Eclipse.Eclipse 插件是基于强大的 JavaScript 推断引擎(javascript inference engine)Tern.js, 它是由JavaScript编写的.若在 java 环境下使用该引擎,需要使用 tern.java.它用 node.js 执行 tern.js.这就是为什么你在下面将看到的必须安装 node.js 或是 Eclipse 内置的 node.js. 如果不安装 node.js 或使用 Eclip

AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示

前言: "宁肯像种子一样等待  也不愿像疲惫的陀螺  旋转得那样勉强" 这是前几天在查资料无意间看到的一位园友的签名,看完后又读了两遍,觉得很有味道.后来一寻根究底才知这是出资大诗人汪国真之口,出处<她>.且抛开上下文,单从这短短几句,正恰如其分的折射出有一群人,他们穿着不那么fashion,言辞不那么犀利,但是内心某一块地方像是躁动的火山,拥有无尽的动力和激情,矢志不渝种子般投身到技术研究和心得分享当中. 或许每一次的生长都是那么悄无声息,但是无数次的坚持只是为了破土那日

sublime安装AngularJS插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 1.添加控制包站点 根据你安装sublime 版本不同,在控制台写入不同的代码 : 控制台打开方法:View > Show Console 或者 快捷键 ctrl+` Sublime Text 3: <pre name="code" class="javascript">import urllib.request,o

angularjs指令中的compile与link函数详解补充

通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别. angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者. 网上已经有很多介绍怎么使用指令的文章以及相关书籍,相互比较的话,很少有介绍compile与link的区别,更别说pre-link与post-link了. 大部分教程只是简单的说下compile会在ng内部用到,而且建

AngularJS 的数据绑定

单向绑定(ng-bind) 和 双向绑定(ng-model) 的区别 ng-bind 单向数据绑定($scope -> view),用于数据显示,简写形式是 {{}}. 1 <span ng-bind="val"></span> 两者的区别在于页面没有加载完毕 {{val}} 会直接显示到页面,直到 Angular 渲染该绑定数据(这种行为有可能将 {{val}} 让用户看到):而 ng-bind 则是在 Angular 渲染完毕后将数据显示. ng-mo