用AngularJS开发的过程中如何查看Scope内容

scope的继承就好比JS的原型链继承,深入理解Scope:http://www.lovelucy.info/understanding-scopes-in-angularjs.html

通过查看官网文档:http://docs.angularjs.cn/guide/scope(这个链接不知道为什么直接点击会显示Not Found，首先访问http://docs.angularjs.cn/api，点击导航栏的“英文文档”在下拉菜单中选择“Developer Guide”，左边导航栏中选择“Scopes”即可)

对scope有了一定的新的认识，当我们在浏览器查看页面源码的时候会发现有很多的 class="ng-scope"，实际上每个ng-scope就标志着一个新的scope的开始(包含ng-app的元素的ng-scope表示rootScope)，可以通过鼠标左键单击该元素，如：

然后在console栏输入：angular.element($0).scope()，就可以查看选中元素的scope的内容，如

在console栏内输入$0返回你选中的Dom element，如

在没有引入JQuery的情况下，angular.element()API通过括号内的DOM element(可通过document.getElementById函数等获取)或者HTML字符串(如<div>lalala</div>)方式将得到的DOM element，返回为JQuery对象，该对象内提供了一系列方法，如bind()绑定事件等等，详见：http://docs.angularjs.cn/api/ng/function/angular.element

更新：

在浏览器地址栏输入：http://docs.angularjs.cn/guide/scope 显示Not Found的原因：

参考http://www.tuicool.com/articles/7NnUFr2

概要：

官方文档是用AngularJS写的，一般来说AngularJS单页面应用的链接带有"#"号，如：“http://localhost:9000/#/login”，用来区别AngularJS管理的路径还是WebServer管理的路径，也就是说带“#”号的路径表示前端显示路径，不带“#”号的路径表示后台接口。AngularJS提供了HTML5模式的路由，可以去掉“#”，通过设置$locationProvider.html5Mode(true)就行了。但这样设置后，如果用户直接访问如“http://localhost:9000/#/book”的页面而不是通过初始页面跳转过来，请求先是提交到WebServer，后台路由没有对应的路由管理所以显示Not Found，如果通过初始页面跳转过来则是AngularJS前端管理的路由。具体解决方法详见上述链接