如何使用角度 ui-router 对路由进行分组？

【问题标题】：How to group routes using angular ui-router?如何使用角度 ui-router 对路由进行分组？
【发布时间】：2016-10-19 13:20:40
【问题描述】：

如何在ui-router中对路由进行分组？

例如，我的应用中有以下路线

#/products/p1
#/products/p2
#/products/p3

定义状态的一种方法是，

.state(‘products.p1’)
.state(‘products.p2’)
.state(‘products.p3’)

但我正在寻找类似以下的东西，可以这样做吗？

.state(‘products’,{
  ‘p1’ : {},
  ‘p2’ : {},
  ‘p3’ : {} 
})

【问题讨论】：

【解决方案1】：

这应该由参数管理

#/products/p1 // parameter p with value p1
#/products/p2 // still parameter p with value p2
#/products/p3 // value is p3

state 可以这样定义

.state('products', {
    url: "/products/:p
    ...
})

【讨论】：

不能根据 :P 值分配不同的控制器吗？我的静态页面很少，我想将它们分组到单个分支下？？
是的……有可能，但是……在服务中拥有相同的控制器和不同的东西不是更好吗？无论如何，在这里你可以看到如何做到这一点stackoverflow.com/a/27466890/1679310 或stackoverflow.com/q/30259668/1679310