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

Question

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

我知道我需要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'
  ]
  );

或

韩国社交协会！