angularjs - 在 angular ui-router URL 中添加可选属性

Question

有没有办法在 ui-router 的 url 开头设置一个可选属性？如果是这样，如何？

我想达到这样的目的:

.state('events',{
    url: '(/city:)?/events/:id'
    ...
})

所以 “城市”将是可选的。

感谢您提供任何意见。

Answer 1

让两个单独的路由指向同一个状态可能是不好的做法，但是没有什么可以阻止您创建使用相同分辨率/ Controller /模板的两个不同状态。

$stateProvider
.state('state1', {
  url: "/:city/events/:id",
  templateUrl: "partials/events.html",
  controller: eventsCtrl
})
.state('state2', {
  url: "/events/:id",
  templateUrl: "partials/events.html",
  controller: eventsCtrl
});

function eventsCtrl($scope){
  // shared controller
}

同样，这可能是不好的做法，但我想不出更好的解决方案