Question

我使用Angular ui-router，我的状态如下：

.state('detail', {
    url: '/detail/{id}',

在HTML文件中，我更喜欢使用ui-serf指令来构建链接。例如：

<a ui-sref="detail( { id:123 } )">...

如何使用可选的查询参数构建链接？例如：

/detail/123?mode=json&pretty=true

Answer 1

我认为ui-router方式不是使用查询参数，而是使用查询参数：

/detail/123?mode=json&pretty=true

将状态声明为

.state('detail', {
    url: '/detail/{id}/{format}/{pretty}',
    ...

并使用它：

/detail/123/json/true

无论如何，如果你真的想使用查询格式，你可以像文档中的状态一样开箱即用：

您还可以在'？'后面指定参数作为查询参数：

url：“/ contacts？myParam”//将匹配到的url   “/ contacts？myParam = value”如果您需要多个，请分开   他们用'＆amp;'：

url：“/ contacts？myParam1＆amp; myParam2”//将匹配到的网址   “/触点myParam1 =值1＆安培; myParam2 = wowcool”

请参阅：https://github.com/angular-ui/ui-router/wiki/URL-Routing#query-parameters

Answer 2

您是否尝试过添加它？：

 <a ui-sref="detail( { id:123, optional: 'moo' } )">...

我知道dotJEM角度路由是如何工作的（除了语法有点不同）。

使用ui-sref指令构建带参数（？key = val）的链接

2 个答案: