javascript - Ui-router - {slug} 和 :slug 之间的区别

Question

我在我的项目中使用了 ui-router，我在文档中看到了两者:

.state('app.restaurants.index', {
      url: '/{slug}',
      controller: 'listRestaurantsController',
      templateUrl: '/app/user/views/restaurants/list.html'
})

和

.state('app.restaurants.index', {
       url: '/:slug',
       controller: 'listRestaurantsController',
       templateUrl: '/app/user/views/restaurants/list.html'
})

:slug 和 {slug} 有什么区别？ 我需要在 url 中使用可选参数，您对此有何建议？

Answer 1

我相信两者是一样的，只是用“/{}”格式你可以定义要传递的参数的类型。

比如 url: '/{slug:int}' 这里的 slug 是 int 类型，uirouter 会为你类型检查参数。

如果我错了，请随时纠正我。