Angular Batarang 用于不使用 ng-app 的应用程序答案

【问题标题】：Angular Batarang for apps that do not use ng-appAngular Batarang 用于不使用 ng-app 的应用程序
【发布时间】：2013-12-27 15:24:19
【问题描述】：

我正在尝试使用 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 中的 Source 选项卡，但它没有显示 Batarang 的源文件。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：