javascript - 在 Chrome 和 FF 中尝试通过另一个 Angular 应用程序获取一个 Angular 应用程序的根范围时未定义

Question

当尝试在新打开的子窗口(使用单独的 Angular 应用程序)中获取根 Angular 范围时，我在 Chrome 和 FF 中收到未定义的消息。

示例:

var childWindowRootApp = childWindowRefeference.angular.element(childWindowRefeference.document.querySelector('[data-ng-app="mainApp"]'));
var rootScope = childWindowRootApp.scope(); // rootScope variable undefined here

相同的代码在 IE10 中运行没有任何故障。

Answer 1

在调用scope()之前尝试在子窗口中的 Angular 上手动调用bootstrap()方法:

childWindowRefeference.angular.bootstrap(childWindowRefeference.document, ["yourApp"]);