javascript - Angular Batarang 适用于不使用 ng-app 的应用

Question

我正在尝试使用 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 的源文件。

Answer 1

事实证明，我们的一位开发人员忘记将对 angular.bootstrap() 的调用包装在 ready() 函数中。

在主 index.html 文件中包含以下内容可以使应用程序在 Batarang 中正常工作:

<script>
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['foo']);
    });
</script>