使用ui-router的多部分视图

Question

我最近发布了一个关于SO的问题，询问how to structure a controller for a multipart-view评论中最受欢迎的答案是：使用ui-router 。

目标（如另一个问题所述）是创建一个如下所示的页面：

...使用此工作流程：

1. 当页面加载时，将从api1中获取data1列表，然后将其填入顶部的表格中。
2. 当页面加载时，正在从api2获取data2列表并填充在右表中。
3. 当用户点击顶部表格中的条目时，左侧部分正在播放data1的详细视图，右侧表格中正在突出显示某些字段

我花了最后几天学习ui-router，我仍然无法弄清楚如何做到这一点，特别是由于缺乏关于ui-router的样本。

我想到的是：

1. 具有uriTemplate
的布局的一个抽象状态（根状态）
2. 3个视图，（root.tableTop，root.detail，root.tableRight），每个模板和控制器（tableTop获取api1，tableRight api2等）。
3. 突出显示的指令

但是：他们如何相互沟通？如何传播用户点击了 tableTop 上的一行，现在详细信息需要更新？通过$ rootScope？或者我应该忘记视图并使用嵌套状态？