我正在尝试使用 Angular Batarang Chrome 扩展来调试基于 AngularJS 的应用程序。
我们没有使用 ng-app="foo"
属性来引导应用程序,而是调用进行手动引导(请参阅 http://docs.angularjs.org/guide/bootstrap ):
angular.bootstrap(document, ['foo']);
在 Chrome 的开发者选项卡中为此应用启用 Batarang 时,应用程序会按预期重新加载,但模型选项卡不会显示任何范围。我可以通过 Batarang 的 Options 选项卡突出显示范围,但 Models 选项卡似乎不适用于此类应用程序。
有人经历过类似的事情吗?是否有日志可以让我看到潜在的 Batarang 错误?有没有办法在 Chrome 中调试 Batarang 的代码?我检查了 Chrome 中的源选项卡,但它没有显示 Batarang 的源文件。
最佳答案
事实证明,我们的一位开发人员忘记将对 angular.bootstrap()
的调用包装在 ready()
函数中。
在主 index.html
文件中包含以下内容可以使应用程序在 Batarang 中正常工作:
<script>
angular.element(document).ready(function() {
angular.bootstrap(document, ['foo']);
});
</script>
关于javascript - Angular Batarang 适用于不使用 ng-app 的应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20707855/