当我们构建AngularJS应用时，通过浏览器（如Chrome，Firefox和IE）的JavaScript控制台访问应用中隐藏的数据和服务总会有些困难。下面是一些简单的技巧可以帮助我们通过Javascript控制台来查看或者控制正在运行的Angular应用，使得应用可以比较容易进行测试，修改，甚至实时的修改我们的Angular应用：
1： 访问作用域
通过一行简单的JS程序访问页面中任何作用域（甚至是隔离的作用域！）：
> angular.element(targetNode).scope()
-> ChildScope {$id: "005", this: ChildScope, $$listeners: Object, $$listenerCount: Object, $parent: Scope…}
对于隔离作用域：
> angular.element(targetNode).isolateScope()
-> Scope {$id: "009", $$childTail: ChildScope, $$childHead: ChildScope, $$prevSibling: ChildScope, $$nextSibling: Scope…}
这里用`targetNode`作为HTML节点的引用。你可以非常轻松的通过`document.querySelector()`来创建一个`targetNode`
2：查看作用域树
有些时候，我们需要查看页面中作用域层次来有效的调试我们的应用。AngularJS Batarang正是我们需要的一款Chrome浏览器的扩展，可以展示当前作用域层次，并具有其他非常有用的特性。
3： 抓取任何服务
无论ngApp在哪里定义，我们都可以使用注入器功能来抓取任何的服务的引用（如果使用angular的bootstrap方法，则可以手动抓取$rootElement）：
> angular.element('html').injector().get('MyService')
-> Object {undo: function, redo: function, _pushAction: function, newDocument: function, init: function…}
然后我们就可以对该服务进行调用，就像我们可以将服务注入一样。
4: 访问控制器使用指令
一些指令定义了一个拥有某些额外（通常是分享）功能的控制器。为了从控制台访问一个给定指令的控制器实例，只需使用 controller() 方法：
> angular.element('my-pages').controller()
-> Constructor {}
最后一种做法更高级并且不常用。
5: Chrome 控制台特性
Chrome浏览器的控制台有一堆不错的捷径 来调试浏览器应用。这是一些Angular开发中最好的做法：
- $0-$4: 访问最近在查看窗口中进行选取的 5 个DOM元素。选择抓取的范围非常方便。
- $(selector)和$$(selector): 分别是querySelector() 和 querySelectorAll的一个快速的替代
感谢 @zgohr 提供这种方法!
结论
通过几个简单的技巧，我们可以访问页面任何作用域中的数据，查看作用域层次结构，注入服务和控制指令。
所以下一次，如果你想稍微进行调整，检查自己的工作或者通过控制台控制AngularJS一个用，我希望你能记住这些命令，并且能做到像我一样觉得他们非常实用！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。