javascript - 如何在 ui-router 的 Angular 路由中使用可选 url？

Question

我想在 Angular ui-router 中使用可选 url 定义一些状态

我该怎么做？

例如

state('test',{
   url:'/list/:id/color?/:color?'
}

在此示例中，颜色和 :color 是可选的，并且状态应与这些 url 一起工作:

site.com/list/1

site.com/list/color/red

Answer 1

有一个update几年前到了允许此功能的库:

$stateProvider.state("foo", {
  url: "/foo/{foo}",
  params: {
    foo: { value: "bar" }
  }
});

Adding a default value to foo means that the route above will match /foo, /foo/, and /foo/baz. Additionally, when matching /foo or /foo/, $stateParams will still be populated with { foo: "bar" }