使用Ui-Router的ui-sref来设置查询参数

Question

我有以下链接.

<a ui-sref="...">Clicking this adds ?test=true to the query params.</a>

有没有办法使用ui-sref属性来更改查询参数而无需重新加载页面或指向另一个函数？

Answer 1

您应该能够通过传递带有状态的参数来完成它.

尝试:-

<a ui-sref="yourStateName({test:true})">Clicking this adds ?test=true to the query params.</a>

用法:

ui-sref ='stateName' - 导航到州,没有参数.'stateName'可以是任何有效的绝对或相对状态,遵循与$ state.go()相同的语法规则

ui-sref ='stateName({param:value,param:value})' - 使用params导航到state.

Answer 2

结合PSL的答案,为了防止在设置状态时刷新,只需使用该属性即可reloadOnSearch: false.

.state('myState', {
      url: '/myState?test',
      reloadOnSearch : false,
      ...
    })

只要您的查询在同一状态内发生.

Answer 3

只需在状态URL中定义查询参数的名称

$stateProvider.state('posts', {
    url: '/posts?test&answer',
    views: {
      content: {
        templateUrl: 'templates/posts/index',
        controller: 'PostsController'
      },
      navbar: {
        templateUrl: 'templates/partials/navbar'
      }
    }
  })

并使用这样的

<a ui-sref="posts({test: true, answer: false})">Next Page</a>

我正在使用ui-router版本 0.2.15