Javascript 如何在angularJS中获得多个独立视图？

使用AngularJS我需要4个独立的视图：每个视图都应该是独立的，并且有自己的路由系统：想象一个html页面包含4个不同的AngularJS应用程序，所有这些应用程序都一起运行

我知道我需要4个模块，因为每个模块只能有一个视图。 我的问题是：做类似事情的最佳方式是什么？创建4个不同的应用程序/模块（然后如何让它们进行通信）？或者像这样做：

  angular.module('BirthdayApp', []);
  angular.module('CollectionApp', []);
  angular.module('DashboardApp', []);
  angular.module('FootballApp', []);

  // Lastly, I define my "main" module and inject all other modules as dependencies
  angular.module('MainApp',
  [
    'BirthdayApp',
    'CollectionApp',
    'DashboardApp',
    'FootballApp'
  ]
  );

还是

---

Tks

如何让他们以这种方式沟通

。如果他们仍然交流，他们应该有多独立？我现在仍然不知道他们可以共享哪些数据。。。无论如何，我会知道是否允许任何类型的“模块通信”。每个模块都可以与服务或事件进行通信。好的，谢谢！但ui路由器使用的“状态”并不完全符合我的需要。我宁愿使用一种更简单的方法，而不使用外部库！使用AngularUI的路由器而不是ngRouter——它会更好，让你的页面有多个视图。Angular2可能会有一个更好的系统，可以在一个页面中管理多个应用程序——在Angular2中，这是一个难题。