如何使用 angular ui-router 对路由进行分组?

How to group routes using angular ui-router?

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

例如,我的应用程序中有以下路线

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

定义状态的一种方法是,

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

但是我正在寻找类似下面的内容,是否可以这样做?

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

这应该由参数管理

#/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
    ...
})