Javascript Ui路由器{slug}和：slug之间的区别

我在项目中使用ui路由器，我在文档中看到了这两个方面：

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

及

：slug

和

{slug}

之间有什么区别？

---

我需要在url中使用可选参数，您对此有何建议？

它们都是相同的，并且用途相同

正如文件所说：

使用大括号占位符定义路径参数 （/somepath/{param}）或冒号占位符（/somepath/:param）

参考：

curly使用大括号的好处是，您也可以在其中添加正则表达式，如下所示：

可以为冒号后面的参数定义参数RegExp （/somePath/{param:[a-zA-Z0-9]+}）在花括号占位符中。这个 regexp必须匹配才能匹配url。regexp本身是否应该 如果包含花括号，则它们必须成对匹配或使用 反斜杠

---

它们都是一样的，有着同样的目的

正如文件所说：

使用大括号占位符定义路径参数 （/somepath/{param}）或冒号占位符（/somepath/:param）

参考：

curly使用大括号的好处是，您也可以在其中添加正则表达式，如下所示：

可以为冒号后面的参数定义参数RegExp （/somePath/{param:[a-zA-Z0-9]+}）在花括号占位符中。这个 regexp必须匹配才能匹配url。regexp本身是否应该 如果包含花括号，则它们必须成对匹配或使用 反斜杠

---

我相信两者都是相同的，只是使用“/{}”格式，您可以定义要传递的参数的类型

像

url:'/{slug:int}'

这里slug是int的类型，uirouter将为您检查参数

---

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

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

像

url:'/{slug:int}'

这里slug是int的类型，uirouter将为您检查参数

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

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