Angular 1.x中处理隔离模块之间通信的最标准方法

Question

我正在开发一组共享一些通用功能的企业风格应用程序。一个例子是导航栏功能，如排序/面包屑等。通过创建多个模块来实现这一点似乎很简单。我有一个我所说的例子。

    var appWrap = document.getElementById('app');
    angular.element(appWrap).ready(function() {
      angular.bootstrap(appWrap, ['plunker']);
    });
    var appWrap2 = document.getElementById('app2');
    angular.element(appWrap2).ready(function() {
      angular.bootstrap(appWrap2, ['plunker2']);
    });

我的问题是，当我需要将值从应用程序发送到app2时，我该怎么办？我会创建某种JS监听器吗？

Answer 1

我做这件事有点麻烦。。。

var appWrap = document.getElementById('app');
var appScope = angular.element(appWrap).scope();
console.log(appScope.property);

这来自app2模块。你也可以观看和其他事情，只需确保$apply，因为你在不同的应用程序中！