未初始化的angularjs控制器的调试技术

Question

我遇到了一个问题，一个角度的应用，我正在工作。我已经定义了一个控制器，它向作用域添加了一个变量。在加载页面之后，我可以看到作用域没有变量--当我尝试在chrome工具中检查它时，它返回一个未定义的变量。我在控制器代码中放置了一个断点，它初始化变量，我可以看到它没有被击中。我检查了javascript错误，但没有。

但是现在我被困住了--我不知道如何继续调试这个问题。为什么没有初始化页面上使用ng控制器指令指定的控制器？有哪些技术可以用来调试这样的问题？

更新:我已经试过巴达朗了-没什么用。当我试着在八达郎进行检查的时候，它会重新加载页面。我能够使用ng-book (https://www.ng-book.com/p/Debugging-AngularJS/)中指定的技术检查范围，但我仍然没有取得多大进展。

Answer 1

最后找出了问题:有两个问题：

1. 角自动引导- DOM中有两个嵌套元素，它们试图进行自动引导。根据文档，这是不支持的。
2. 角度引导在DOM完成加载之前就已经启动了。

因此，我们使用了requirejs的domready来推迟角度引导，直到dom准备好为止。

Answer 2

尝试chrome扩展Batarang，它扩展了开发工具。它便于调试作用域、模型和依赖项。

https://github.com/angular/angularjs-batarang/

https://chrome.google.com/webstore/detail/ighdmehidhipcmcojjgiloacoafjmpfk

UpDate:

刚刚找到这个，javascript堆栈跟踪Spy-js

https://github.com/spy-js/spy-js

http://spy-js.com/