Page 454 - AngularJS权威教程

434 第 33 章 调试 AngularJS

33.3.4 检查依赖图表

Batarang工具的一个非常不错的特性就是提供了一个内联的可视化依赖图表。在这里，可以
查看应用程序的依赖，查看应用程序所依赖的不同的库，以及跟踪应用程序并不完全依赖的库，
如图33-4所示。

图33-4 依赖图表

33.3.5 可视化应用

Batarang还允许我们在页面上深入查看应用程序。使用选项面板时，我们可以看到：

Applications 独立页面上的不同应用程序（使用的ngApp指令）。
Bindings 设置在视图中的绑定，使用的ng-bind的位置或者包裹在模板标记{{ }}中的元素。

Scopes 视图中的目标作用域，并且可以深入检查。
选项面板还允许我们查看应用程序所用的Angular版本，以及从CDN中使用了什么，没使用
什么，如图33-5所示。

图33-5 选项面板

总而言之，当我们要深入了解Angular应用是如何实时工作时，Batarang工具为我们提供了很
多便利。