Javascript 利用带选项卡的用户界面路由器

我有一个使用

ui.router

的角度SPA。一个页面上有4个选项卡。目前，一个控制器支持所有4个选项卡-这是不可持续的，因为代码变得混乱（每个选项卡的逻辑太多）

我看到两种解决办法： 1.这些不应该是标签；它们应该是单独的页面（但并不理想）。 2.有一些方法可以将控制器的某些部分仅与某些选项卡关联（或者每个选项卡可能与不同的控制器关联？），或者有一些方法可以将单个控制器分解为更小的组件

---

关于后者（#2）的任何想法都将非常棒。

您可以创建指向同一模板/控制器的多条路由 然后，在该“选项卡组”中，每个选项卡内都有一个

ng控制器

。 该选项卡将根据

$location.path（）

值激活

我在这里创建了一个简单的plunk