AngularJS：标签和控制器通过

Question

我想创建一个AngularJS应用程序，其中我有一个包含多个选项卡的页面。由于每个选项卡都有一个非常特定的业务逻辑，我想知道什么是实现这种事情的最佳方式，因为我知道我希望能够将数据从选项卡传递到选项卡。用户必须遵循特定的工作流程，从第一个选项卡开始，单击按钮并登陆第二个选项卡，能够查看和使用他从第一个选项卡生成的数据，依此类推。

我遇到过这些文章：Top 18 Most Common AngularJS Developer Mistakes，其中讨论了controllerAs属性。是不是我可以用它来说：

• 具有主控制器的路由提供商
• 主视图，包括我的每个标签的视图
• 每个标签的视图以及关联的控制器
• 使用controllerAs能够将指定的共享数据从控制器传递到另一个

更新

显然很明显，如果我这样做，它就无法运作：

使用Javascript：

angular.module('myApp').controller('FirstController', function(){
    this.myVar = "I am from FirstController";
});
angular.module('myApp').controller('SecondController', function(){
    this.myVar = "I am from SecondController";
});

HTML：

<div ng-controller="FirstController as FC">
    {{FC.myVar}}
    {{SC.myVar}}
</div>
<div ng-controller="SecondController as SC">
    {{FC.myVar}}
    {{SC.myVar}}
</div>

我怎么能做出像这样漂亮又有效的东西？或者我应该真的在MainController提供的控制器中共享变量，包装这两个？

感谢您的帮助。

亲切的问候，